title: How to refresh jqplot bar chart without redrawing the chart
body: <p>I have a jqplot bar chart and I want the chart data to be changed when the user changes the value on a  drop-down list. That works, but the problem is the bar chart redraws, one over another, each time the user changes the values.</p>
  
  <p>How can I update or reload the bars without drawing the whole thing again? Is there any property value to be set?</p>
  
  <p>Chart data changes according to an ajax call:</p>
  
  <pre><code>$.ajax({
      url: '/Home/ChartData',
      type: 'GET',
      data: { Id: Id },
      dataType: 'json',
      success: function (data) {
          $.jqplot('chartDiv', [a, b], CreateBarChartOptions(xAxis));
  }});
  
  function CreateBarChartOptions(xAxis) {
      var optionsObj = {
          title: 'Stat',
          axes: {
              xaxis: {
                  renderer: $.jqplot.CategoryAxisRenderer,
                  ticks: xAxis
              },
              yaxis: { min: 0 }
          },
          series: [{ label: 'A' }, { label: 'B'}],
  
          seriesDefaults: {
              shadow: true,
              renderer: $.jqplot.BarRenderer,
              rendererOptions: {
                  barPadding: 8,
                  barMargin: 10
              }
          },
  
      };
      return optionsObj;
  }
  </code></pre>
  
  <p>A reply would be highly appreciated. Thanks.</p>