Javascript 在Highcharts中使用按钮/复选框显示/隐藏数据的示例？

我想知道是否有一种基于按钮或复选框显示/隐藏序列的方法

我希望将所有数据放在一个大的绘图中，但为了不让它太混乱，我希望在运行时决定显示哪些数据

---

这可能吗？是否有一个示例可以用作模板？我有大约12个不同的数据集；这意味着我还需要弄清楚如何从不同的文件中加载不同的数据，而不必编写12个不同的get data函数。

Highcharts有一个API调用，可以实现您想要的功能。您需要的呼叫是series.hide或series.show

例如，以下代码（来自highchars自己的示例）将切换一个系列的开关：

    var series = chart.series[0];
    if (series.visible) {
        series.hide();
        $button.html('Show series');
    } else {
        series.show();
        $button.html('Hide series');
    } 

---

太棒了，非常感谢！我也需要阅读API文档；我只是在网站上读材料，有很多例子，但我想它不会包括所有内容。那么chart.series命令你隐藏哪一个？用[0]作为从顶部开始的第一个序列，或者有一种方法给每个序列命名，因此您可以说是chart。series[seriesA]？序列按照您在原始图表中定义的顺序编号。创建图表时，可以保留名称数组和序列号数组。