plotly javascript scatter更新数据

Question

我正在尝试创建一个可以更新（数据替换）的散点图。

let init = [{
    x: [1, 3, 4, 200,3],
    y: [16, 0, 11, 100,99],
    mode: 'lines',
    type: 'scatter'
}]

let layout = {
    title: 'testing', // updates the title
    'xaxis.range': [0, 500],   // updates the xaxis range
    'yaxis.range': [-3,3]     // updates the end of the yaxis range
};

Plotly.newPlot("chart_test", init, 0);
Plotly.relayout("chart_test", layout,0); //layout applied later, because of auto change.

工作正常，绘图正确。 问题在于更改数据：

let style = {
    type:'scatter',
    mode: 'marker'
    x:[1,5,6,70],
    y:[3,4,2,1]
}
Plotly.restyle("chart_test", style);

它会改变模式（在这个例子中从线到标记），但是 x 和 y 数据不会改变。

目前，我使用 Plotly.newPlot() 进行更新，但这并不高效。

提供新数据点时我做错了什么？ 我可以使用 Plotly.react() 并获得与 Plotly.restyle() 相同的结果吗？

Answer 1

已解决：

let style = {
    type:'scatter',
    mode: 'marker'
    x:[[1,5,6,70]],  // EDITED <--- array of traces data
    y:[[3,4,2,1]]     // EDITED <--- array of traces data
}
Plotly.restyle("chart_test", style);