javascript - 切换 Highcharts 自定义导出按钮上的显示/隐藏

Question

我有自定义导出按钮。截至目前，它是一个下拉菜单，显示两个选项显示和隐藏。我如何在符号单击上切换显示/隐藏，而不是显示菜单项的显示和隐藏？

customButton: {

                        align: 'right',                           
                        menuItems: [
                            {
                                text: 'Show',
                                onclick: function() {
                                    for (i = 0; i < chart.series.length; i++) {
                                        chart.series[i].hide();
                                    }

                                }
                            },
                            {
                                text: 'Show',
                                onclick: function() {
                                    for (i = 0; i < chart.series.length; i++) {
                                        chart.series[i].show();
                                    }                                      
                                }
                            }
                        ],                           
                        symbol: 'circle',
                        seperator: true
                    }

Answer 1

用这个替换你的customButton

customButton: {
    align: 'right',
    onclick: function () {
        for (i = 0; i < chart.series.length; i++) {
            chart.series[i].visible ? chart.series[i].hide() : chart.series[i].show();
        }
        //or any other code
    },
    symbol: 'circle',
    seperator: true
}