如何使用盘中烛台在 HighStocks 中绘制两条线

Question

我试图在 HighStocks 中使用 JavaScript 和他们的示例 candlestick with intraday code 绘制两条线。出于某种原因，我无法让它工作

我试图在我的烛条数据末尾生成两条额外的线，这就是我所拥有的（仅用一根线进行测试，但它不起作用）。你可以看到我试图输入的行叫做 test

$(function () {
    $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=new-intraday.json&callback=?', function (data) {

        // create the chart
        $('#container').highcharts('StockChart', {


            title: {
                text: 'AAPL stock price by minute'
            },

            rangeSelector: {
                buttons: [{
                    type: 'hour',
                    count: 1,
                    text: '1h'
                }, {
                    type: 'day',
                    count: 1,
                    text: '1D'
                }, {
                    type: 'all',
                    count: 1,
                    text: 'All'
                }],
                selected: 1,
                inputEnabled: false
            },

            series: [{
                name: 'AAPL',
                type: 'candlestick',
                data: data,
                tooltip: {
                    valueDecimals: 2
                }
            }]
            
            series: [{
              name: 'test',
                type: 'line',
                data: [200.0, 201.0, 300.0, 400.0],
            }]
        });
    });
});

Answer 1

首先，您不应在图表选项对象中添加两个系列数组。您应该使用一个系列数组并在此数组中添加新的系列对象：

  series: [{
    name: 'AAPL',
    type: 'candlestick',
    data: data,
    tooltip: {
      valueDecimals: 2
    }
  }, {
    name: 'test',
    type: 'line',
    data: [200.0, 201.0, 300.0, 400.0],
  }]

这个案例的问题是你没有给你的线点任何 x 值，所以它现在将从 1970 年开始。

您需要添加 x 值，这样行就会从您想要的位置开始。

在这里你可以看到一个例子：http://jsfiddle.net/uj0kzL4c/

如何使用盘中烛台在 HighStocks 中绘制两条线

How to draw two lines in HighStocks using candlestick with intraday

highstock