我正在使用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>
有人可以建议我创建饼图的正确方法谢谢!
答案 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