我正在研究使用Highstock
显示股票信息的项目。
问题1:
我尝试使用ohlc
图表显示ohlc数据,使用areasplinerange
图表显示高和低,使用column
图表显示音量。
如果我缩放1m
,3m
,6m
,YTD
和1y
,一切正常。这是快照。 link1。但如果缩放到All
,图表会像link2一样混乱。
我的编码错误还是错误?
问题2:
在同一个图表中,我有代码可以将图表类型从ohlc
更改为line
。当我缩放到1m
,3m
时,它可以正常工作。这是快照link3。但是当我缩放到6m
,1y
和All
时,它没有显示折线图。这是快照link4。
这怎么可能发生?
感谢您的帮助。
守则: 这是我用来显示图表的代码
$.getJSON(url, function (data1) {
$.getJSON(urlprediction, function (data2) {
var ohlc = [],
volume = [],
closed = [],
forecast = [],
dataLength1 = data1.length;
dataLength2 = data2.length;
for (i = 0; i < dataLength1; i++) {
ohlc.push([
data1[i][0], // the date
data1[i][1], // open
data1[i][2], // high
data1[i][3], // low
data1[i][4] // close
]);
closed.push([
data1[i][0], // the date
data1[i][4] // close
]);
volume.push([
data1[i][0], // the date
data1[i][5] // the volume
])
}
for (i = 0; i < dataLength2; i++) {
forecast.push([
data1[i][0], // the date
data1[i][1],
data1[i][2], // close
])
}
// set the allowed units for data grouping
var groupingUnits = [[
'week', // unit name
[1] // allowed multiples
], [
'month',
[1, 2, 3, 4, 6]
]];
$('#container').highcharts('StockChart', {
rangeSelector: {
selected: 1
},
title: {
text: title
},
yAxis: [{
title: {
text: 'OHLC'
},
height: 360,
lineWidth: 2
}, {
title: {
text: 'Volume'
},
top: 433,
height: 100,
offset: 0,
lineWidth: 2
}],
series: [{
type: 'ohlc',
name: stockname,
data: ohlc,
}, {
type: 'areasplinerange',
name: stockname,
data: data2,
}, {
type: 'column',
name: 'Volume',
data: volume,
yAxis: 1,
}]
});
});
});