私は 50 の異なるシリーズを持っているので、デフォルトでは非表示になっているので、ユーザーは見たいシリーズをクリックするだけです。
場合によっては、すべてをすばやく表示したり、すべてを非表示にしたりしたいことがあります。すべてのオン/オフを切り替える方法がわかりません。これはまったく可能ですか?私はそう思いますが、それを行う方法を理解できません。
私は 50 の異なるシリーズを持っているので、デフォルトでは非表示になっているので、ユーザーは見たいシリーズをクリックするだけです。
場合によっては、すべてをすばやく表示したり、すべてを非表示にしたりしたいことがあります。すべてのオン/オフを切り替える方法がわかりません。これはまったく可能ですか?私はそう思いますが、それを行う方法を理解できません。
series.setVisible(false, false)
、参照を使用して各シリーズを非表示にします。- 結局、系列はchart.redraw()
一度だけチャートを再描画するための非表示の呼び出しになります。
このソリューションはhttp://jsfiddle.net/pGuEv/に基づいています
var chart = $('#chart-container').highcharts();
var $hide_show_all_button = $('#hide_show_all_series_button');
$hide_show_all_button.click(function() {
var series = chart.series[0];
if (series.visible) {
$(chart.series).each(function(){
this.setVisible(false, false);
});
chart.redraw();
$hide_show_all_button.html('show all');
} else {
$(chart.series).each(function(){
this.setVisible(true, false);
});
chart.redraw();
$hide_show_all_button.html('hide all');
}
});