動的に更新される 3 つの rgraph の折れ線グラフを含む Web ページがあります。Web サービスからデータを取得するために ajax 呼び出しを使用します。ajax 呼び出しがエラーで完了したときに、グラフの背景色を「灰色」に変更したいと考えています。そして、呼び出しが成功すると、この色を「黒」に変更します。
チャートの背景色を動的に変更するには?
私はこのコードを使用します
if(error_occured)
obj_Memory.Set('background.color', '#B6B6B4');
else
obj_Memory.Set('background.color', 'black');
しかし、それは色を変えません。
rgraphサンプルを変更しました:
http://www.rgraph.net/demos/line-dynamic-updates.html
追加されたボタンと簡単な機能:
var error_occured = false;
document.getElementById("toggleButton1").onclick = function (e) {
if (error_occured)
obj.Set('background.color', '#B6B6B4');
else
obj.Set('background.color', 'black');
RG.redraw();
error_occured = !error_occured;
}
チャートの背景は変更されません
RGraph の例から変更されたファイルがあります。\demo フォルダーにコピーする必要があります。
興味深いのは、の呼び出し
obj.Set('background.color', 'グレー');
drawGraph の内部 - 正常に動作します (!)。ただし、外部では動作しません。