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

我有自定义的导出按钮。到目前为止，它是一个下拉列表，其中显示了两个选项“显示”和“隐藏”。如何在符号单击时切换显示/隐藏，而不是显示菜单项“显示”和“隐藏”

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
                    }

自定义按钮：{
对齐：“右”，
菜单项：[
{
文本：“显示”，
onclick:function（）{
对于（i=0；i

用此按钮替换您的

自定义按钮

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
}

自定义按钮：{
对齐：“右”，
onclick:function（）{
对于（i=0；i

您可以显示此文件的HTML吗？