2011-07-05 14 views
29

エラーバーでグラフを表現する方法を見つける必要がありますが、現時点ではhighchartではサポートされていないようです。私の計画は、透明なYを下げるために0を持つ積み重ね縦棒グラフを使用し、後で選択するものを赤い色でYを上Yに下げることです。ハイチャート固有の幅のスタック列の棒グラフ

私の質問は:

が可能限界にかかわらずhighchartでズームレベルを1ピクセルを言うために、スタック列バー幅ますか?

ありがとうございました!

答えて

33

これを自分で分かりました。 pointWidthは、バー幅の幅を設定するパラメータです。 また、このタイプのチャートをまだ高度にインタラクティブなjavascriptチャートでサポートしていないので、エラーバーを表現するには歩行が便利です。

+5

あなたが例をしてください共有することができますか? –

+0

ありがとう、これは私を助けた!あなたはあなたの答えを正しいものとして受け入れるべきです。 – benekastah

+2

それは素晴らしいです! しかし、私のバーはお互いに重なっています。この問題がありましたか?または、各バーの間隔を自動調整する方法を知っていますか? – JimmyJammed

24
series: [{ 
      name: strSeriesTitle, 
      data: arrData, 
      pointWidth: 28 
     }] 
+0

ありがとうございました...それも動作します –

13

A working DEMOグラフのサイズに関係なく列バーの幅を設定します。

あなたは次のようにpointWidthオプションを使用する必要があります:あなたは即応性と固定されていないことを代わりにpointWidthの次のオプションを使用する必要があります

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     plotOptions: { 
      series: { 
       pointWidth: 40//width of the column bars irrespective of the chart size 
      } 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }] 
    }); 
}); 
+0

これは 'bars'の幅を広げていますが、その後' bars'は重なっています。私はそれぞれのグラフサイズの '棒 'サイズを増やしたいと思います。どうやって? –

9

plotOptions: { 
    series: { 
     pointPadding: 0, // Defaults to 0.1 
     groupPadding: 0.01 // Defaults to 0.2 
    } 
}, 
+0

'groupPadding'を大きくすると、より大きな "プリンシパル"バーの近くに "セカンダリ"ミニバーを作るのに非常に便利です。 – Ifnot

+0

ありがとうございます。私は固定ピクセルを使いたくなかったし、pointWidthは文字列のパーセントを取らなかった。しかし、pointPadding、groupPadding、およびpointWidthでは、私はそれらが文書化されて表示されません。 http://api.highcharts.com/highcharts/plotOptions.series – Turbo

関連する問題