Javascript 当highstock的设定值远高于数据系列时,如何在highstock上显示绘图线?
我有一张图表。在该图表中,我想为用户可能输入的目标设置一条绘制线Javascript 当highstock的设定值远高于数据系列时,如何在highstock上显示绘图线?,javascript,jquery,charts,highcharts,highstock,Javascript,Jquery,Charts,Highcharts,Highstock,我有一张图表。在该图表中,我想为用户可能输入的目标设置一条绘制线 yAxis: { plotLines: [{ value: 1000, color: 'red', dashStyle: 'shortdash', width: 2, label: { text: 'Target' } }]
yAxis: {
plotLines: [{
value: 1000,
color: 'red',
dashStyle: 'shortdash',
width: 2,
label: {
text: 'Target'
}
}]
},
如果目标在序列的最小和最大数据范围内,则它会显示在图表上,如下所示:
但是,如果绘制线的设置远高于“最小”或“最大”数据系列,则该绘制线在图表上根本不会显示,如下所示:。如何确保无论目标是什么数字,绘图线都显示在highstock图表上?我认为一种方法是使用yAxis.min和yAxis.max来设置轴的最小值和最大值,以满足您的要求。在这里,您可以找到一个如何工作的示例:
yAxis: {
max: 1200,
plotLines: [{
value: 1100,
color: 'red',
dashStyle: 'shortdash',
width: 2,
label: {
text: 'Target'
}
}]
},
您还可以添加一个不可见的系列,该系列将参与计算您的极值:
var data2 = [];
Highcharts.each(data, function(p, i) {
data2.push([p[0], 1100]);
});
series: [{
name: 'AAPL',
data: data,
tooltip: {
valueDecimals: 2
}
}, {
name: 'ghost',
data: data2,
enableMouseTracking: false,
color: 'rgba(0,0,0,0)'
}]