为什么Highcharts中单个水平线(y轴)的代码适用于与Webdatarocks集成的所有其他图表
我有多个与 Webdatarocks 集成的 Highcharts。我需要在单个图表上有一条水平线,为此我使用了下面的代码。这按预期工作,但我面临的问题是
- 即使我仅在单个图表中添加了代码,它也会在所有其他 Highcharts 中添加水平线。
- Highcharts 中的排序与其他图表混合在一起。
请建议如何使一个图表独立于其他图表,使其不使用彼此的属性。
data => {
this.Highcharts.setOptions({
yAxis: {
plotLines: [{
color: 'blue',
width: 2,
value: 25,
zIndex: 5,
label:{
text:"label1",
align:'left'
}
}]
},
plotOptions: {
series: {
borderWidth: 0,
dataSorting: {
enabled: true,
},
dataLabels: {
enabled: true,
formatter: function () {
let value = (this.y);
return '' + value.toFixed(1);
}
}, // set colors of the series
}
}
});
createAndUpdateChart(data);
},
回答
该setOptions设置选项,在同一页上的所有图表。
尝试data在每个图表的 callbackHandler 和 updateHandler 中设置选项。
像这样:
function(data){
data.title = {text: 'My title'},
Highcharts.chart('highchartsContainer', data);
}
THE END
二维码