javascript - 如何在 Javascript 中将数据添加到图表中？

Question

我的后端有一个 Flask 脚本。我通过SocketIO一个数字数组发送的每一秒，它总是相同的数组，但添加了新值。如何获取该数组并使用它在图表上绘制我的数字？

socket.on('two', function(msg) {
    console.log(msg.num)
});

Plotly.plot('chart',[{
    y: ts,
    type:'line'
}]);

var cnt = 0;
setInterval(function(){
    Plotly.extendTraces('chart',{ y:[[ts[0]]]}, [0]);
    cnt++;
    if(cnt > 500) {
        Plotly.relayout('chart',{
            xaxis: {
                range: [cnt-500,cnt]
            }
        });
    }
},15);

我试图把我的图表放进去，socket.on但它不起作用。而不是创建一条线。事实上，它只会创建随机轨迹而不绘制任何东西。任何建议表示赞赏！

标签： javascriptsocket.ioplotly