2016-04-03 21 views
0

私のアプリケーションは、ユーザーの入力に基づいてグラフグラフを動的に作成します。各チャートは、ある種のタイムラインで他のチャートの上に表示されます。また、個々のチャートレベルでいくつかのオプションを変更する機能をユーザーに提供したいと考えています。Dygraphs:動的に作成されたグラフのupdateOptions

g = new Dygraph(document.getElementById("trend_" + json.id), data, 
      { 
      ... some options specified here 
      }); 

を、私はこのようなものを使用してチャートの1にいくつかのオプションを更新しようとするたびに:私は現在使用して動的にグラフを作成していますよう

しかし、

g.updateOptions({ ... some option }); 

それだけです作成された最後のグラフを更新することができます。

私は当初は代わりに配列を使用することを考えていましたが、チャートが同時に作成されないので動作しないと思います。 (これはjsfiddleが作成したものですが、同時に作成された場合のみ)

私のオプションは何ですか?あなたがオブジェクトをDygraphためにあなたのIDをマップするためにしたい場合にのみ、私は私のg.updateOptions()機能でdocument.getElementById() ...

答えて

1

を渡すことができれば、[オブジェクトのマッピングでdygraphsを格納します。

var gs = {}; 
for (...) { 
    gs[json.id] = new Dygraph("trend_" + json.id, data, 
      { 
       ... some options specified here 
      }); 
} 

// .... 
gs[json.id].updateOptions({...}); 
+0

おかげで、これは次のように働いていましたチャーム!私はgsをグローバルに利用できるようにすることを覚えなければなりませんでした。 – koend

関連する問題