jquery предотвращает несколько экземпляров плагина

Question

Я пытаюсь отобразить и обновить диаграмму с помощью плагина http://workshop.rs/jqbargraph/. Плагин запускается при загрузке страницы, но мне нужно разрешить пользователям обновлять данные, которые поддерживают диаграмму. Однако эта функция добавляет несколько диаграмм каждый раз, когда инициируется событие обновления. Я предполагаю, что мне нужно как-то уничтожить исходный экземпляр плагина, прежде чем обновлять данные диаграммы и повторно инициировать его, но в плагин нет ничего, чтобы это разрешить.

Может ли кто-нибудь сказать мне, что мне нужно добавить в мой код, чтобы заставить это работать?

  jQuery(document).ready(function() { 

        var chartData = new Array([0]); 
        showChart(chartData);     

        jQuery('#update').live("click", function() { 
         var qtyArr = []; 

         jQuery('input[name=qty]').each(function(i) { 

           qty = Number(jQuery(this).val()); 

           if(qty > 0){ 
           qtyArr.push(qty); 
           } 

         }); 



         chartData = new Array(
          [qtyArr] 
         ); 

         showChart(chartData); 
        }); 

       }); 

       function showChart(chartData){ 

        jQuery("#chart").jqBarGraph({ 
         data: chartData, 
         width: 200, 
         height: 300 
        });    
       } 

Answer 1

вызов empty() перед вызовом плагина:

jQuery("#chart").empty().jqBarGraph({ 
    data: chartData, 
    width: 200, 
    height: 300 
}); 

Answer 2

демонстрационная страница плагина очищает таблицу, и восстанавливает его следующим образом:

$('#exampleSimple').html(''); 
$('#exampleSimple').jqbargraph({ data: arrayOfData }); 

.empty() также должны работать.

Вы, вероятно, хотите -

function showChart(chartData) { 
    $('#chart').empty().jqBarGraph({ 
     data: chartData, 
     width: 200, 
     height: 300 
    }); 
}