我正在努力在图表中实时显示我的股票数据。我正在使用 Highcharts。但我没有得到正确的输出。看图片
问题：
边距：
如您所见，y 轴上的边距非常高，因此我的 ohlc 数据显示非常薄。悬停在某些点上时未突出显示：
当我尝试将鼠标悬停在某些点上时，它不会显示该点的数据。它坚持上一点的数据。底部的蓝色区域阴影：
如您所见，底部的蓝色区域不会根据特定区域的数据而变化。滚动问题：
当我尝试移动滚动条或尝试增加其大小时，它会卡在最右侧。（所以无法移动滚动，因为当我尝试移动它时它卡在右侧。）缩放问题：
当我尝试使用缩放选项放大时，我无法缩放我的数据。对于所有缩放，它与“全部”选项相同
我对此脚本进行了一些更改：（两个窗格，烛台和音量）以接收我的数据。
我正在使用 $.getJSON 从 PHP 文件中检索所有实时数据并做所有事情。
我无法创建它，因为它是我的实时股市数据。
这是代码：
$(function() {
$.getJSON('get_data.php?type=ohlc', function(data) {
// split the data set into ohlc and volume
var ohlc = [],
volume = [],
dataLength = data.length;
alert(data);
for (i = 0; i < dataLength; i++) {
ohlc.push([
data[i]['SQLDT'], // the date
parseFloat(data[i]['OPN']), // open
parseFloat(data[i]['HGH']), // high
parseFloat(data[i]['LWE']), // low
parseFloat(data[i]['CLS']) // close
]);
volume.push([
data[i]['SQLDT'], // the date
parseFloat(data[i]['VOL']) // the volume
])
}
// set the allowed units for data grouping
var groupingUnits = [[
'week', // unit name
[1] // allowed multiples
], [
'month',
[1, 2, 3, 4, 6]
]];
// create the chart
chart = new Highcharts.StockChart({
chart: {
renderTo: 'container',
alignTicks: false
},
rangeSelector: {
selected: 1
},
title: {
text: 'AAPL Historical'
},
xAxis:[ {
min: 10
},{
min: 10
}],
yAxis: [{
title: {
text: 'OHLC'
},
height: 200,
lineWidth: 2,
}, {
title: {
text: 'Volume'
},
top: 300,
height: 100,
offset: 0,
lineWidth: 2
}],
scrollbar: {
enabled: true
},
series: [{
type: 'candlestick',
name: 'AAPL',
data: ohlc,
dataGrouping: {
units: groupingUnits
}
}, {
type: 'column',
name: 'Volume',
data: volume,
yAxis: 1,
dataGrouping: {
units: groupingUnits
}
}]
});
});
});