如何在highcharts中隐藏和显示类别

如何在highcharts中隐藏和显示类别,highcharts,Highcharts,我一直在尝试为用户提供一种动态的方式来切换折线图的类别,我看到了这个似乎有我想要的,我在我的页面中添加了代码,改变了一些事情 问题是,当我隐藏一个类别(年份)时,它会将该类别的编号更改为该类别在highchart中的位置,当我显示该类别时,它会显示该类别的数据,但也会添加一个新类别…下面是我的 谢谢 设置类别等,您可以捕获复选框事件并显示/隐藏特定SVG元素 var $check, val; $('input[name="cat"]').click(function(

我一直在尝试为用户提供一种动态的方式来切换折线图的类别,我看到了这个似乎有我想要的,我在我的页面中添加了代码,改变了一些事情

问题是,当我隐藏一个类别(年份)时,它会将该类别的编号更改为该类别在highchart中的位置,当我显示该类别时,它会显示该类别的数据,但也会添加一个新类别…下面是我的


谢谢

设置类别等,您可以捕获复选框事件并显示/隐藏特定SVG元素

 var $check,
        val;

    $('input[name="cat"]').click(function(){
        $check = $(this);
        val = $check.val();

        $.each(chart.xAxis[0].ticks, function(i, tick){
            if(tick.label && tick.label.textStr == val){
                $check.is(':checked') ? tick.label.show() : tick.label.hide();
            }
        });
    });

是的,但我需要所有列都不显示,代码隐藏了xAxis上的标签,但值仍在显示。您看过这个主题吗:
 var $check,
        val;

    $('input[name="cat"]').click(function(){
        $check = $(this);
        val = $check.val();

        $.each(chart.xAxis[0].ticks, function(i, tick){
            if(tick.label && tick.label.textStr == val){
                $check.is(':checked') ? tick.label.show() : tick.label.hide();
            }
        });
    });