Highchartsで次のようなグラフを生成することはできますか?もしそうなら、どうすればいいのですか?1つに2つのチャートタイプ?
上部グラフは問題ではありません。さらに、私は以下の積み重ねブロックが必要です。青写真で十分でしょう。
すでにハイチャートを使用している同僚からプロジェクトを継承しましたが、今ではその機能を拡張する必要があります。
Highchartsで次のようなグラフを生成することはできますか?もしそうなら、どうすればいいのですか?1つに2つのチャートタイプ?
上部グラフは問題ではありません。さらに、私は以下の積み重ねブロックが必要です。青写真で十分でしょう。
すでにハイチャートを使用している同僚からプロジェクトを継承しましたが、今ではその機能を拡張する必要があります。
これは可能です。私はあなたがしたいことをシミュレートするためにjsfiddleをまとめました。
http://jsfiddle.net/vbpDS/4312/
だから重要な部分:シリーズのあなたのコレクションで
、あなたのデフォルトのタイプがラインに設定されている場合は、(特定のシリーズは、カラム型のものにしたいということを伝える必要があります - つまり、型が系列に定義されていない場合は、デフォルトが設定されているものとして自動的に描画されます)。今
chart: {
renderTo: 'container',
defaultSeriesType: 'line'
},
series: [{
type: 'column',
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],
stack:'1'
},{
type: 'column',
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],
stack:'1'
}
, {
data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4]
},{
data: [100, 110, 120, 130, 140, 150, 140, 130, 120, 110, 100, 110]
}]
あなたも列がスタックしたいので、あなたは、データのグループが互いに積み重ねする必要があることを伝える必要があります。だから、スタックのプロパティを任意のものに設定しますが、スタックのプロパティが一致するようにするだけで、スタックのプロパティをまとめて結びます。
編集:Btw highcharts APIドキュメントは素晴らしいです!詳細はこちらをご覧ください:http://www.highcharts.com/ref/