0

Highcharts.comを使用してスパイダー チャートを作成しています。私のデータは正規化されています (シリーズの各値は [0.0, 1.0] の範囲にあります)。特定のポリラインで、値の一部またはすべてが正確に 0.0 になる場合があります。これにより、ポリラインの一部またはすべてが線または 1 つのドットに縮退します。次の最小限の作業例を参照してください（写真を投稿したいのですが、まだ許可されていません）：（Degenerate Case3行目）を参照しています。たとえば、[-0.15, 1.0] の範囲の値を表示するように各軸をシフトして、最悪の場合でも適切な領域を確保したいと考えています。これにより、グラフの読みやすさが大幅に向上します。オンラインマニュアルを読んだ後、いくつかの組み合わせを試してみましたoffset。paddingなど（最小値と最大値の両方）、何らかの形で役立つことを示唆していますが、成功しませんでした。

$(function () {
  $('#container').highcharts({
    chart: {
      polar: true,
      type: 'line'
    },
    title: {
      text: 'Budget vs spending',
      x: -80
    },
    pane: {
      size: '80%'
    },
    xAxis: {
      categories: ['Sales', 'Marketing', 'Development', 'Customer Support', 
        'Information Technology', 'Administration'],
      tickmarkPlacement: 'on',
      lineWidth: 0
    },
    yAxis: {
      gridLineInterpolation: 'polygon',
      lineWidth: 0,
      min: 0
    },
    tooltip: {
      shared: true,
      pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
    },
    legend: {
      align: 'right',
      verticalAlign: 'top',
      y: 70,
      layout: 'vertical'
    },
    series: [{
      name: 'Allocated Budget',
      data: [1.00, 0.40, 0.80, 0.50, 0.90, 0.20],
      pointPlacement: 'on'
    }, {
      name: 'Actual Spending',
      data: [0.00, 0.30, 0.00, 0.80, 0.90, 0.70],
      pointPlacement: 'on'
    }, {
      name: 'Degenerate Case',
      data: [0.00, 0.00, 0.00, 0.00, 0.00, 0.00],
      pointPlacement: 'on'
    }]
  });
});

そのような機能が極座標チャートで利用できないのか (マニュアルでそのようなものを読むことができませんでした)、または何か間違ったことをしている場合に備えて、それを行う方法を考えていました。前もって感謝します！

4

2 に答える 2

0

とを設定startOnTick: falseしminPadding: <0-1>て、ゼロ未満のスペースを作成できます。いくつかの例を次に示します。

于 2013-09-18T14:17:59.030 に答える