文章目录
  1. 1. highchart 全选 | 全不选

highchart 全选 | 全不选


当highcharts要展示的series变多后,想要全选和全不选变得非常迫切

1
2
3
4
5
6
7
8
$('#checkAll').click(function(){
for(i=0; i < chart.series.length; i++) {
if(chart.series[i].selected == false){
chart.series[i].select();
showSeries.call(chart.series[i], {checked: true});
}
}
});

用visible、show()和hide()也可以实现

1
2
3
4
5
6
7
$('#checkAll').click(function(){
for(i=0; i < chart.series.length; i++) {
if(chart.series[i].visible == false){
chart.series[i].show();
}
}
});

参考资料:

  1. stack overflow 问题
  2. 解决示例
文章目录
  1. 1. highchart 全选 | 全不选