通过highcharts中的配置禁用系列

时间:2013-05-09 18:25:00

标签: javascript highcharts

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

我知道我可以通过编程方式关闭系列,但有没有办法在初始化图表时执行此操作?

3 个答案:

答案 0 :(得分:29)

相信有一个配置选项。

在系列中,设置“visible = false”

传奇仍将列出该系列但灰色。系列本身将在初次显示时隐藏在图表中。

示例配置:

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

        }

答案 1 :(得分:8)

您可以通过隐藏图表完成加载后您不想看到的所有系列来实现此目的。 小提琴: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]     
    }]
});

});

答案 2 :(得分:0)

https://api.highcharts.com/highcharts/plotOptions.series.enableMouseTracking 启用或禁用特定系列的鼠标跟踪。这包括点工具提示以及图形和点上的单击事件。对于大型数据集,可以提高性能。