如何在页面加载中将enable属性设置为高海图行

Question

如果你想了解我的需求，首先你必须看到这个演示高级图表演示。现在点击东京从演示图表，东京线将不出现。现在，我希望能够在页面加载中设置该属性，的意思是，每当页面加载时，应该单击东京链接，只显示一行，当我单击东京时，东京线应该显示。您可以从该演示本身找到源代码，谢谢。

Answer 1

我认为你想要的是一种只制作点击的传奇系列节目的方法。如果是这样的话，您可以使用plotOptions.series.events.legendItemClick来完成它。要使一个系列最初显示在图表上(但仍然显示在图例中)，您需要将该系列的visible属性设置为true，将其他系列设置为false。如果希望在初始加载上显示所有系列，则可以忽略该步骤。

要使切换工作，您需要获得您单击的图例项的索引。然后循环遍历图表中的所有系列，以找到与单击索引匹配的序列。当它匹配时，您将series\[i\].show()设置为没有设置series.hide()的那些。

下面是基本切换代码：

series: {
    events: {
        legendItemClick: function (event) {
            var seriesIndex = this.index;
            var serie = this.chart.series;
            console.log(seriesIndex);
            for (i = 0; i < serie.length; i++) {                  
                if (serie[i].index == seriesIndex) {
                    serie[i].show();
                    console.log(serie[i].index);
                } else {
                    serie[i].hide();
                }
            }
            return false;
        }
    }
}

这是一个活的小提琴。

Answer 2

创建图表时，只需将series.visible = false设置为默认应该隐藏的系列。

见文档。