title: jqplot pie chart not rendering correctly.
body: <p>Getting the log message: Diameter of pie too small, not rendering.</p>
  
  <p>Then, it seems when I hover or click inside the page I get: Uncaught TypeError: Cannot read property '0' of undefined</p>
  
  <pre><code>    &lt;link href="/Content/jqPlot/jquery.jqplot.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="/Scripts/jquery.jqplot.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/Scripts/jqplot.pieRenderer.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          $(function () {
              //GetWeeklyProjectSummary();
              Test();
          });
  
          function Test() {
              var data = [["987 Project",74],["ABC Project",68],["XYZ project",26]];
              var plot1 = jQuery.jqplot('weeklyProjectSummary', [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
                          }
                      },
                      legend: { show: true, location: 'e' }
                  }
                );
          }
      &lt;/script&gt;
  </code></pre>
  
  <p>Here is the div its going into:</p>
  
  <pre><code>&lt;div id="weeklyProjectSummary"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is what I get on the page: <img src="https://i.stack.imgur.com/tp6gI.png" alt="page output"></p>
  
  <p>Let me know if you need any more details.</p>