RGraph を使用して、DB からのデータで折れ線グラフを描画しています。ウェブページの読み込み時に単一のリクエストを使用して実行できますが、新しい線が既存の線と重なるため、グラフを更新できませんでした.キャンバスをクリアして新しい値で再度描画する方法はありますか? . これは最初のリクエストのコードです:
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);
});
}