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)'
  }]