highcharts - 添加隐藏所有系列到折线图

Question

我有一个折线图，上面有许多系列元素。

该图表确实允许我单击图例中的每个系列来隐藏它，但我想添加一个额外的项目，单击该项目时会隐藏图表中的所有系列线。

有人可以解释一下我将如何实现这一目标吗？

谢谢

Answer 1

添加一个按钮或你喜欢的东西。按照 highcharts 自己的示例小提琴。 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-hide/

var chart = $('#container').highcharts(),
    $button = $('#button');
$button.click(function() {
    var series = chart.series[0];
    if (series.visible) {
        series.hide();
        $button.html('Show series');
    } else {
        series.show();
        $button.html('Hide series');
    }
}

Answer 2

如果您隐藏所有系列，您可以通过addSeries()函数添加额外的系列。

Answer 3

你可以试试这个：

$('.selectDeselect input').click(function() {
if (chart.series[0].visible) {
    for (var i = 0; i < chart.series.length; i++) {
            chart.series[i].hide();
          }
} else {
    for (var i = 0; i < chart.series.length; i++) {
            chart.series[i].show();
          }
}

})