AJAXリクエストでチャートをレンダリングするにはどうすればよいですか？

Question

私はExtJS 4を使ってグラフを作成しています。グラフは、AJAX呼び出しを行うたびにインスタンス化されます。このような何か：

$("#maincontent").getJSON("path/to/jsondata",function(data) { 
    _chart.chart = Ext.create("Ext.chart.Chart", { 
    axes : _chart.axes() 
    , style : 'background:#fff' 
    , series : _chart.series() 
    , store : _chart.store() 
    , renderTo : $("#chart").get(0) 
    , width : Sybus.Utils.mainWidth() 
    , height : Sybus.Utils.mainHeight() 
    }); 
}); 

は、より多くの私は、AJAX呼び出し、私はページ上で持っているより多くのチャートを起動します。これを防ぐにはどうしたらいいですか？ありがとうございました。

Answer 1

this questionと同様に、私はこの文脈に合ったその答えを適応させました。

この問題に対する回答は、ExtJSの責任の範囲外です。上記のコードサンプルには、問題の原因がありません。

は、にチャートを作成する関数にイベントをバインドするクラスを作成しました。グラフのデータを取得したAJAX呼び出しを呼び出すたびに、関数は別のバインディングを一番上に積み重ねました。

解決策は、すでにイベントをバインドしているかどうかを確認するか、イベントをunbind()にもう一度入力して、もう一度bind()を再度送信することです。