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

Question

我想知道是否有办法显示/隐藏系列，基于按钮或复选框

我想将所有数据放在一个大图中，但为了不让它太杂乱，我想在运行时决定要显示哪些数据。

这可能吗？有没有我可以用作模板的例子？我有大约12种不同的数据集;这意味着我还需要弄清楚如何从不同的文件中加载不同的数据，而不需要编写12种不同的get数据函数。

Answer 1

Highcharts有一个API调用，可以完全按照你的意愿行事。你想要的电话是seri.hide或series.show。

例如，以下代码（来自高层自己的例子）将在关闭时切换系列：

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

http://api.highcharts.com/highcharts#Series.show

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-hide/