开始时没有数据时的动态Highstock图表

Question

我是高库存图表的新手，但我有一些问题。 我有以下highstok图表。

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. 不要移动序列，只需添加点即可。 小提琴的例子
2. 用x个值初始化序列（我用10点） Fiddle示例
3. 不要为添加的第一个x元素移动，然后移动。 （我用了10分） 小提琴的例子