1、使用前,引用需引用:
<script src="jquery.flot.js"></script>
<script src="jquery.flot.pie.js"></script>
2、代碼如下:
<script type="text/javascript" >
$(window).load(function(){
drawPie();
});
var drawPie = function(){
$(function() {
var testData = [88, 125, 200];
var data = [{
label : "data1",
data : testData[0]
},
{
label : "data2",
data : testData[1]
{
label : "data3",
data : testData[2]-testData[0]
}];
$.plot($("#pieDiv"), data, {
series : {
pie : {
show : true,
//innerRadius: 0.5,
radius: 0.65,
label: {
show: true,
radius: 1/3,
formatter: function(label, series){
return '<div style="font-size:5pt;text-
align:center;padding:2px;color:black;">'
+Math.round(series.percent)+'%</div>';
}
}
}
},
colors: ["#FF0000", "#00FF00","#0000FF"],
grid: {
hoverable: true,
},
legend: {
show: true,
labelFormatter:function labelFormatter(label, series) {
return '<div style="font-size:8pt; text-align:center; padding:2px;
color:'+series.color+';">'
+label+'</div>';
}
}
});
});
}
</script>
3、效果如下: