如何显示高股票上的曲线图，当它的设置远远高于数据系列时？

Question

我有一张highstock图表。例如，在该图表中，我想为用户可能输入的目标设置一条绘图线。

yAxis: {
        plotLines: [{
            value: 1000,
            color: 'red',
            dashStyle: 'shortdash',
            width: 2,
            label: {
                text: 'Target'
            }
        }]
},

如果目标在序列的最小和最大数据范围内，则它在图表上显示如下：jsFiddle。

但是，如果情节线设置得比最小或最大数据序列高得多，那么该情节线根本不会像这样显示在图表上：jsFiddle。无论目标是什么数字，我如何才能确保情节线显示在高位图上？

Answer 1

我认为一个想法是使用yAxis.min和yAxis.max来设置您的轴的最小和最大值，以满足您的要求。在这里你可以找到一个它是如何工作的例子：

  yAxis: {
    max: 1200,
    plotLines: [{
      value: 1100,
      color: 'red',
      dashStyle: 'shortdash',
      width: 2,
      label: {
        text: 'Target'
      }
    }]
  },

http://jsfiddle.net/bo36afyt/1/

您还可以添加一个不可见的系列，它将参与计算您的极值：

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

http://jsfiddle.net/bo36afyt/2/