javascript - 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
});