Highcharts.js-动态禁用给定类别

Highcharts.js-动态禁用给定类别,highcharts,Highcharts,在Highcharts.js中,是否可以通过单击来禁用/启用给定类别?与通过单击图例中的给定系列来禁用/启用该系列的方式相同 如果没有,下一个最佳选择是什么 默认情况下,Highcharts不支持通过单击来禁用类别。要获得想要的结果,您需要添加自定义代码。例如,在render事件中,您可以将单击事件添加到xAxis标签,并使用新类别和数据更新图表: var H = Highcharts, categories = ['one', 'two', 'three'], data = [

在Highcharts.js中,是否可以通过单击来禁用/启用给定类别?与通过单击图例中的给定系列来禁用/启用该系列的方式相同


如果没有,下一个最佳选择是什么

默认情况下,Highcharts不支持通过单击来禁用类别。要获得想要的结果,您需要添加自定义代码。例如,在
render
事件中,您可以将
单击
事件添加到
xAxis
标签,并使用新类别和数据更新图表:

var H = Highcharts,
    categories = ['one', 'two', 'three'],
    data = [1, 2, 3];

chart = Highcharts.chart('container', {
    chart: {
        events: {
            render: function() {
                var chart = this;

                H.objectEach(chart.xAxis[0].ticks, function(tick) {
                    if (tick.label) {
                        H.addEvent(tick.label.element, 'click', function() {
                            data.splice(tick.pos, 1);
                            categories.splice(tick.pos, 1);

                            chart.update({
                                series: [{
                                    data: data
                                }],
                                xAxis: {
                                    categories: categories
                                }
                            });
                        });
                    }
                });
            }
        }
    },
    series: [{
        type: 'column',
        data: data
    }],
    xAxis: {
        categories: categories
    }
});
现场演示:


API参考:

正是我想要的。谢谢