通过highcharts中的配置禁用系列

Question

我有几个系列的折线图.当一次查看时,图表令人困惑,所以我希望最初隐藏某些系列.

我知道我可以通过编程方式关闭系列,但在初始化图表时有没有办法做到这一点？

Answer 1

相信有一个配置选项.

在Series中,设置"visible = false"

传说仍将列出该系列但灰色.系列本身将在初始显示时隐藏在图表中.

配置示例:

series: [{
            name: 'HiddenByDefault',
            legendIndex: 1,
            visible: false,
            color: '#4572A7',
            type: 'spline',
            data: [a, b, c],
            tooltip: {
                valueSuffix: ' ¥'
            }

        }

Answer 2

您可以通过隐藏图表完成加载后您不想看到的所有系列来实现此目的.

小提琴:http://jsfiddle.net/bHDLX/

码:

$(function () {
// create the chart
$('#container').highcharts({
    chart: {
        events: {
            load: function(event) {
                alert ('Chart loaded');
                this.series.forEach(function(d,i){if(d.options.id==1)d.hide()})
            }
        }        
    },
    xAxis: {
    },

    series: [{
        animation: false,
        id : 1,
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]     
    },
            {
        animation: false,
        id : 2,
        data: [29.9, 144.0, 176.0, 71.5, 106.4, 129.2, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]     
    },{
        animation: false,
        id : 3,
        data: [ 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]     
    }]
});

});