Question

我正在尝试使用带有示例candlestick with intraday code的JavaScript在HighStocks中绘制两行。由于某种原因，我无法让它工作

我试图在烛台数据的末尾生成两个额外的行，这是我所拥有的（仅用一行测试但它不起作用）。您可以看到我尝试输入的行名为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中绘制两条线

1 个答案: