Highcharts自动缩放yaxis多个打印条带问题
我在使用Axis.update方法动态更新yAxis时遇到问题。在yAxis上执行更新时,如果有多个打印标注栏,则在重新绘制yAxis时,不会删除第二个打印标注栏,因此会复制该标注栏。我认为这可能是Highcharts(highstock)库中的一个问题,但我想知道是否有人经历过这种情况,是否知道我刚刚错过了一个设置 例如: HTML: 更新Highcharts自动缩放yaxis多个打印条带问题,highcharts,Highcharts,我在使用Axis.update方法动态更新yAxis时遇到问题。在yAxis上执行更新时,如果有多个打印标注栏,则在重新绘制yAxis时,不会删除第二个打印标注栏,因此会复制该标注栏。我认为这可能是Highcharts(highstock)库中的一个问题,但我想知道是否有人经历过这种情况,是否知道我刚刚错过了一个设置 例如: HTML: 更新 这似乎是所有偶数打印标注栏的问题 是的,看起来像是update()函数中的一个bug,据报道。谢谢! <div id="chart"><
这似乎是所有偶数打印标注栏的问题 是的,看起来像是update()函数中的一个bug,据报道。谢谢!
<div id="chart"></div>
<button id="autoscale">Toggle autoscale</button>
$("#chart").highcharts({
height: 350,
yAxis: [{
top: 50,
height: 200,
min: 0,
max: 30,
tickInterval: 4,
plotBands: [{
from: 12,
to: 16,
color: "#d9edf7",
label: {
"text": "Plot band 1"
}
}, {
from: 20,
to: 25,
color: "#dff0d8",
label: {
text: "Plot band 2"
}
}]
}],
series: [{
type: "line",
yAxis: 0,
data: [1, 5, 9, 15, 19, 21, 26, 9]
}]
});
$("#autoscale").on("click", function () {
$(this).toggleClass("autoscaled");
var autoscaled = $(this).hasClass("autoscaled");
var chart = $("#chart").highcharts();
chart.yAxis[0].update({
min: autoscaled ? null : 0,
max: autoscaled ? null : 30,
tickInterval: autoscaled ? null : 4
});
});