此函数应在从socket.on
接收到的数字的值之后生成一条线,但不是生成线,而是每次更新套接字时,它都会在图表的侧面生成一条轨迹,而图表保持空着。为什么会这样呢?
var arr = [];
socket.on('two', function(msg) {
Plotly.plot('chart',[{
y:[0],
type:'line'
}]);
var cnt = 0;
setInterval(function(){
Plotly.extendTraces('chart',{ y:[[arr]]}, [0]);
cnt++;
if(cnt > 500) {
Plotly.relayout('chart',{
xaxis: {
range: [cnt-500,cnt]
}
});
}
},15);
arr.push(msg.num)
console.log(arr)
});