jquery - 隐藏除选定数据系列之外的所有数据系列、HighCharts

Question

我有一些使用 Highcharts 的折线图，我需要隐藏除用户选择的数据系列之外的所有数据。示例页面可以在 http://opheliadesign.com/weight 找到。 .

例如，在“ body 成分”下，单击“脂肪”将隐藏骨骼、水和 BMI - 从而可以更轻松地查看 body 脂肪图表。

谢谢!

Answer 1

我不相信 highcharts 有 hideAll() 或类似的函数，但你可以尝试这样的事情:

//assuming chart is your chart
series = chart.series;
for(var i = 0; i < series.length; i++) {
    if(!series[i].selected) {
        series[i].hide();    //Hide the series
    }
}

然后，每当您选择一个系列时，您只需要调用该代码即可。您可以通过使用 chart events 执行某种检查来做到这一点