jqplot piecharts错误问题

时间:2014-08-11 10:57:07

标签: jquery html5 jqplot

我正在使用jqplot制作饼图,我使用了jqplot文档中给出的示例代码但是我收到了一些错误,例如e.jqplot未定义,我的代码如下

      <script src="jquery-2.0.3.js"></script>


<script type="text/javascript" src='jquery.jqplot.js'></script>
<script type="text/javascript" src="jqplot.pieRenderer.min.js"></script>
<script type="text/javascript" src="jqplot.donutRenderer.min.js"></script>

    <script>
    $(document).ready(function(){
      var data = [
        ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14],
        ['Out of home', 16],['Commuting', 7], ['Orientation', 9]
      ];
      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' }
        }
      );
    });
    </script>


    <div id="weeklyProjectSummary"></div>

1 个答案:

答案 0 :(得分:0)

您可能收到此错误,因为您没有正确包含jqplot文件。

确保您已将jquery.jqplot.jsjqplot.pieRenderer.min.jsjqplot.donutRenderer.min.js复制到代码文件夹中。

据我说,您已将jquery.jqplot.min.js文件复制到该文件夹​​中。 并且您将jquery.jqplot.js文件包含在HTML代码中

检查一次。如果您已将文件夹中的缩小文件(.min)复制粘贴,请在html <script>标记中进行更正。
更改为:<script type="text/javascript" src='jquery.jqplot.min.js'></script>(添加&#39; .min&#39;)

的问候,
阿尼什