title: JQuery jqplot legend not showing good
body: <p>I am trying to create a chart using jQplot. It works good but I want to have a legend like <a href="http://www.jqplot.com/tests/pie-donut-charts.php" rel="nofollow noreferrer">http://www.jqplot.com/tests/pie-donut-charts.php</a> . But my legend is not working like on jqplot website. The picture of the output shown below. Anybody notice what i miss? Here i attach the code</p>
  
  <pre><code>$('#tes').live('pageshow', function() {
          var data = [
  ['A', 12],['B', 9], ['C', 14],
  ['D', 16],['E', 7]];
  var plot1 = jQuery.jqplot ('chart1', [data],
  {
    seriesDefaults: {
      // Make this a pie chart.
      renderer: jQuery.jqplot.PieRenderer,
      rendererOptions: {
        // Put data labels on the pie slices.
        // By default, labels show the percentage of the slice.
        showDataLabels: true,
        dataLabels: 'value'
      }
    },
    legend: { show:true, location: 'e' }
  }
  );
  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/winoL.png" alt="enter image description here"></p>