我正在尝试使用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],
}]
});
});
});
首先,您不应在图表选项对象中添加两个系列数组。您应该使用一个系列数组,并在此数组内添加新的系列对象:
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/
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句