ggplot饼图的问题

时间:2013-09-23 04:46:10

标签: jquery html jqplot

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

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

<script type="text/javascript" src="js/piechart/jqplot.pieRenderer.min.js"></script>
<script type="text/javascript" src="js/piechart/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>

有人可以建议我创建饼图的正确方法谢谢!

2 个答案:

答案 0 :(得分:1)

在使用jqplot之前先添加jquery lib。

<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/YourJqueryPath/jquery-1.9.1.js"></script> //Add js lib

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

<script>

答案 1 :(得分:0)

也许你在jqplot中得到了jquery.jqplot.min.js。 你必须先添加jquery.jqplot.min.js才能使用pieRenderer.min.js