如何使用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内，但是它不起作用。而不是创建一条线。实际上，它只会创建随机轨迹而不会绘制任何内容。任何建议表示赞赏！