我有一个包含多个系列的折线图。当一次查看图表时,图表令人困惑,所以我希望最初隐藏某些系列。
我知道我可以以编程方式关闭系列,但是在初始化图表时有没有办法做到这一点?
我有一个包含多个系列的折线图。当一次查看图表时,图表令人困惑,所以我希望最初隐藏某些系列。
我知道我可以以编程方式关闭系列,但是在初始化图表时有没有办法做到这一点?
相信有一个配置选项。
在系列中,设置“可见 = 假”
图例仍将列出该系列,但显示为灰色。并且该系列本身将在初始显示时隐藏在图表中。
示例配置:
series: [{
name: 'HiddenByDefault',
legendIndex: 1,
visible: false,
color: '#4572A7',
type: 'spline',
data: [a, b, c],
tooltip: {
valueSuffix: ' ¥'
}
}
您可以通过在图表完成加载后隐藏您不想看到的所有系列来实现这一点。
小提琴: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]
}]
});
});
https://api.highcharts.com/highcharts/plotOptions.series.enableMouseTracking 启用或禁用特定系列的鼠标跟踪。这包括点工具提示和图表和点上的点击事件。对于大型数据集,它可以提高性能。