Question

我有一个折线图，上面有许多系列元素。

图表允许我点击图例中的每个系列来隐藏它，但我想添加一个额外的项目，点击时隐藏图表中的所有系列线。

有人可以解释我会如何实现这一目标吗？

由于

Answer 1

添加按钮或您喜欢的内容。按照highcharts拥有的示例小提琴。 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-hide/

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

Answer 2

如果您隐藏所有系列，可以通过addSeries()功能添加额外的系列。

Answer 3

你可以试试这个：

$('.selectDeselect input').click(function() {
if (chart.series[0].visible) {
    for (var i = 0; i < chart.series.length; i++) {
            chart.series[i].hide();
          }
} else {
    for (var i = 0; i < chart.series.length; i++) {
            chart.series[i].show();
          }
}

}）

将所有系列隐藏添加到折线图

3 个答案: