Javascript 如何选中和取消选中HighCharts Linechart中的所有图例元素?

Javascript 如何选中和取消选中HighCharts Linechart中的所有图例元素?,javascript,jquery,highcharts,linechart,Javascript,Jquery,Highcharts,Linechart,我想定制一次检查和取消检查图例元素,我不知道,我们可以这样做吗?让我知道这样做的方法。您可以使用以下方法: var legendLeft = $j('<div>') .css({ width: 160, maxHeight: 210, padding: 10, position: 'absolute',

我想定制一次检查和取消检查图例元素,我不知道,我们可以这样做吗?让我知道这样做的方法。

您可以使用以下方法:

 var legendLeft = $j('<div>')
               .css({
                   width: 160,
                   maxHeight: 210,
                   padding: 10,
                   position: 'absolute',
                   overflow: 'auto',
                   right: 500,
                   top: 380,
                   borderRadius: options.borderRadius
               })
               .appendTo(chart.container);

           var legendRight = $j('<div>') .css({
                width: 260,
                maxHeight: 210,
                padding: 10,
                position: 'absolute',
                overflow: 'auto',
                right: 165,
                top: 383,
                borderRadius: options.borderRadius
           }).appendTo(chart.container);
var legendLeft=$j(“”)
.css({
宽度:160,
最大高度:210,
填充:10,
位置:'绝对',
溢出:“自动”,
右:500,,
top:380,
borderRadius:选项。borderRadius
})
.附录(图表.容器);
var legendRight=$j(“”).css({
宽度:260,
最大高度:210,
填充:10,
位置:'绝对',
溢出:“自动”,
右:165,
排名:383,
borderRadius:选项。borderRadius
}).附录(图表.容器);
选中此项:

例1:


示例2:

这是一个使用一系列外部控件实现此功能的示例,以及带有图例项和复选框的各种其他功能:

功能:

$('#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});
        }
    }
});
$('#checkAll')。单击(函数(){
对于(i=0;i
您可以迭代图表中的每个系列,并根据需要调用
show()
hide()
函数。此解决方案与前面的答案类似,但使用
show
/
hide
函数调用

i = 0;

while (i < chart.series.length) {
    if (chart.series[i].visible === false) { // here you can filter the visible series
        chart.series[i].select();
        chart.series[i].show(); // here you can call hide()
        i++;
        return;
    }
}
i=0;
而(i
很好的演示。对于我已经拥有的图表(直线或饼图),select和showSeries方法的代码并不是现成的。我的checkAll方法看起来像:
$('#checkAll')。单击(函数(){for(i=0;i基本上使用series.visible+显示/隐藏而不是series.select()。