Highcharts一次显示/隐藏或关闭所有系列

Posted 2021-05-05

看我的截图。如何制作一个按钮/链接，一次显示/隐藏或切换所有系列？

因此，当我点击按钮时，它会立即切换掉3系列（Mannen，Vrouwen，Totaal）。

我想我必须在Highcharts legendItemClick函数中做点什么？

更新：

我在下面的代码中添加了我现有的JS文件，但是我没有得到任何结果？

_showHideSeries: function (chart) {

        $button = $('#button');

        $button.click(function() {
            var series = chart.series[0];
            if (series.visible) {
                $(chart.series).each(function(){
                    //this.hide();
                    this.setVisible(false, false);
                });
                chart.redraw();
                $button.html('Show series');
            } else {
                $(chart.series).each(function(){
                    //this.show();
                    this.setVisible(true, false);
                });
                chart.redraw();
                $button.html('Hide series');
            }
        });


      },

答案

你可以遍历你的系列，并使用series.hide()和`series.show（）函数：

    $(document).on('click', '#hide-all', function() {
        $.each(chart.series, function(i, ser) {
            ser.hide();
        });
    });

小提琴：

• http://jsfiddle.net/jlbriggs/cb3csxh7/

参考：

• http://api.highcharts.com/highcharts/Series.hide
• http://api.highcharts.com/highcharts/Series.show

另一答案

更好的使用 - （工作得更快）

$(chart.series).each(function(){
    //this.hide();
    this.setVisible(false, false);
});
chart.redraw();

感谢这个天才 -

How can i hide all the Series in highcharts at a time