javascript - 在 Highcharts 折线图上隔离单个系列

Question

有没有一种方法可以更改 Highcharts.js 中的图例单击处理程序的默认行为，以便当我单击图例标签时，它会隔离系列，而不是隐藏它。即它应该隐藏图表上的所有其他系列。

http://jsfiddle.net/adamtsiopani/rNkBs/

legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        useHTML: true,
        labelFormatter: function () {
            console.log(this);
            return this.name + ' <a class="isolate-series">[isolate]</a>';
        }
    },

Answer 1

这是你想要的吗？小提琴链接

基于 API，您必须添加一个单击处理程序legendItemClick以应用于该系列。

     plotOptions: {
            series:{
                   events: {
                        legendItemClick: function(event) {
                            if (!this.visible)
                                return true;

                            var seriesIndex = this.index;
                            var series = this.chart.series;

                            for (var i = 0; i < series.length; i++)
                            {
                                if (series[i].index != seriesIndex)
                                {

                                    series[i].visible ? series[i].hide() : series[i].show();
                                } 
                            }

                            return false;
                        }
                   }
             }
        }