使用RGraph的JavaScript動畫線圖

我正在使用RGraph從數據庫中繪製折線圖。我可以在網頁加載時使用單個請求來完成此操作，但由於新行與現有行重疊，因此我無法更新圖形。是否有任何方法清除畫布並使用新值重新繪製？。這是第一個請求的代碼：使用RGraph的JavaScript動畫線圖

function drawLine(){ 

var masterArray=new Array; 

$.get('SearchDB',{action:'timed'},function(responseText){ 
    var array= responseText.split(';'); 

      for (var i=0; i<array.length; i++){ 

       var intermediate = array[i].split(',');     
       var map= new Object(); 

       map["Id"]= intermediate[0];; 
       map["LevelValue"]=intermediate[1]; 
       map["InitialDate"]=intermediate[2]; 

       masterArray.push(map); 
      }; 

         var yvalues= new Array(); 
       var xvalues=new Array(); 
       var variable; 

       for(var i=0; i<8;i++){  

       yvalues[i]=parseInt(masterArray[7-i]["LevelValue"]); 

       variable= masterArray[7-i]["InitialDate"].split(' '); 

       xvalues[i]=variable[1]; 
       } 




       Line = new RGraph.Line('cvs', yvalues); 
       Line.Set('chart.hmargin', 10); 
       Line.Set('chart.tickmarks', 'endcircle'); 
       Line.Set('chart.labels', xvalues); 
       Line.Draw(); 

       RGraph.Register(Line); 

}); 


}

來源

2013-10-04 carlos palma

你不需要這樣的：

RGraph.Register(Line);

你創建對象的權利，然後才能重新設置畫布：

var canvas = document.getElementById('cvs'); 
RGraph.Reset(canvas);

來源

2013-10-07 08:03:03 Richard

使用RGraph的JavaScript動畫線圖

回答

相關問題