Highcharts addPoint不会按提供的数据顺序绘制线

Question

我想按数据顺序画线。数据是动态添加的，所以我正在使用addPoint。例如我有这个：

let data = [[1,2], [5,3], [2,5]]

chart.series[0].addPoint(data[0])
chart.series[0].addPoint(data[1])
chart.series[0].addPoint(data[2])

其结果是图表上的所有点都按顺序连接。

但我希望它像这样：

我通过setData制作了该图表，但是创建一个单独的数组并反复调用setData似乎不是正确的方法。有没有办法用addPoint做到这一点？或任何其他解决方案？

Answer 1

您可以将scatter系列类型与lineWidth属性一起使用：

let data = [
    [1, 2],
    [5, 3],
    [2, 5]
]

let chart = Highcharts.chart('container', {
    series: [{
        type: 'scatter',
        lineWidth: 2,
        data: []
    }]
});


chart.series[0].addPoint(data[0]);
chart.series[0].addPoint(data[1]);
chart.series[0].addPoint(data[2]);

实时演示：http://jsfiddle.net/BlackLabel/ynrkq40g/

API参考：https://api.highcharts.com/highcharts/series.scatter.lineWidth