如何在AJAX请求时仅呈现一个图表?

如何在AJAX请求时仅呈现一个图表?,ajax,extjs,charts,Ajax,Extjs,Charts,我正在使用ExtJS4创建图表。每次我调用AJAX时,图表都会被实例化。大概是这样的: $("#maincontent").getJSON("path/to/jsondata",function(data) { _chart.chart = Ext.create("Ext.chart.Chart", { axes : _chart.axes() , style : 'background:#fff' , series : _chart.series() , stor

我正在使用ExtJS4创建图表。每次我调用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调用越多,页面上的图表就越多。我如何防止这种情况发生,并且只有一张图表?谢谢。

与之类似,我已对其答案进行了调整,以适应这种情况

这个问题的答案不在ExtJS的责任范围之内。上面的代码示例缺少问题的原因

我构建了一个类,该类将事件绑定到构建图表的函数。每次我调用检索图表数据的AJAX调用时,该函数都会在顶部堆叠另一个绑定,从而生成多个图表

解决方案是检查您是否已绑定该事件,或者取消绑定()该事件,然后再次重新绑定它