複数のグラフのトレースをプロットして拡大する

Question

var $graphs=jQuery('#graphs'); 
var count=2; 
socket.once('temp', function(temp){ 
    for (var i = 0, len = temp.length; i < len; i++) { 
    jQuery('<div>', { 
     'class': 'myDiv2', 
     'id': 'myDiv' + count, 
    }).appendTo($graphs); 
    var x=document.getElementById('myDiv' + count); 
    Plotly.newPlot(x, data, layout); 
    count++; 
    }; 
}); 


setInterval(function(){ 
      var currentdate = new Date(); 
      var time =currentdate.getHours()%12 + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds() + ":" + currentdate.getMilliseconds(); 
      var final=2; 
      socket.once('temp', function(temp){ 
      for (var i = 0, len = temp.length; i < len; i++) { 
       var x=document.getElementById('myDiv' + final); 
       console.log(x); 
       var update = { 
       x: [[time]], 
       y: [[temp[i]]] 
       }; 
       Plotly.extendTraces(x, update, [0], points); 
       final++; 
      } 
      }); 
     }, seconds*1000); 

問題があります。私はtempと呼ばれる配列を持っています。これはグラフにしたい値を持っています。たとえばtemp = [0,1,2]の場合、グラフ1の要素0、グラフ2の要素1、グラフ3の要素2をグラフ化します。上記のコードでは、すべての要素がすべてグラフでグラフ化されていますグラフ。何か案が？？

Answer 1

あなたは折れ線グラフのトレースを拡張したい場合は、ここで、

var data = { 
    x: [[1]], 
    y: [[2]] 
} 
Plotly.extendTraces(plotlyDiv, data, 0, 20); 
// plotlyDiv is graph container 
// data is graph data 
// 0 is index of graph (important if you have multiple graph/trace) 
// 20 maximum number of element to show 

例です