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