雑文発散

«前の日記(2014-07-09) 最新 次の日記(2014-07-11)» 編集
過去の日記

2014-07-10 [長年日記]

[Highcharts] Stacked and grouped column のグラフがわかってきた

昨日に引き続き、Highcharts のお勉強。

グラフの形としては「Stacked and grouped column」が近いので、まずはそれを真似をして。

凡例( legend )を表示した場合、該当の項目をクリックすると、グラフの表示・非表示ができる。それと同じことを JavaScript 側で制御するのはどうするんだろう?と思って調べていたんだけど、Chart.series で表示するデータが取得できるので、その配列要素を show(), hide() してやれば良いということが分かった。

var chart = new Highcharts.Chart(options);

chart.series[0].hide(); // データ0番目を非表示に
chart.series[3].hide(); // データ3番目を非表示に

これを利用すれば、自前で凡例を描画して、なおかつ、標準の凡例と同じようにインタラクティブなグラフにすることができそうだ。これで無理かなーと思っていた表示が解決できそうだ。