开始时没有数据时的动态高股价图

Question

我是个新手，有一些问题。

Highcharts.stockChart('chart1', {
chart: {  
events: {
load: function () {             
var series = this.series[0];                    
setInterval(function () {                    
var x = (new Date()).getTime(), // current time
y = Math.round(Math.random() * 100);
series.addPoint([x, y], true, true);                        
}, 1000);
}
}
},    
rangeSelector: {
buttons: [{
count: 1,
type: 'minute',
text: '1M'
}, {
count: 5,
type: 'minute',
text: '5M'
}, {
type: 'all',
text: 'All'
}],
inputEnabled: false,
selected: 0
},    
title: {
text: 'Random'
},    
navigator: {
enabled: true
},    
exporting: {
enabled: false
},    
series: [{
name: 'Random',
data: [[]]
}]
});

每件事看起来都很正常，但如果我们跑步https://jsfiddle.net/9pa5gjqw/17/我们可以看到奇怪的行为。根本没有图表，我们只能看到点在增加。但如果我在"系列"中添加一些数据，一切都可以

图表配置中应该添加什么？也许我错过了什么。

Answer 1

这看起来很奇怪，因为你正在这样做：

series.addPoint([x, y], true, true);

系列赛中没有得分。如果我们看看第三个参数的addPoint()定义：

如果为true，则一个点从序列的开头偏移，因为一个点被附加到末尾。

因此，由于系列中一开始有0个点，因此在添加点的同时也会删除这些点。

3种可能的解决方案，具体取决于您想要的外观。

1. 不要改变系列，只需要增加分数。Fiddle示例
2. 用x个值初始化序列(我用了10个点(Fiddle示例
3. 先添加x个元素，不要移位，然后移位。(我用了10分(Fiddle示例