Как я могу сделать только одну диаграмму по запросу 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

Подобно этому вопросу , я адаптировал его ответ в соответствии с этим контекстом.

Ответ на этот вопрос находится вне ответственности ExtJS.В приведенном выше примере кода отсутствует причина проблемы.

Я создал класс, который связывает событие с функцией, которая создает диаграмму.Каждый раз, когда я вызывал вызов AJAX, который извлекал данные для диаграммы, функция накладывала сверху другую привязку, отсюда и несколько диаграмм.

Решение состоит в том, чтобы проверить, уже связали ли вы это событие, или к unbind() событие и повторно bind() это снова.