Flot画饼图

test.html

<div id="persons" style="width:300px;height:300px"></div>
<div id="moneys" style="width:300px;height:300px"></div>

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/flot/jquery.flot.min.js" type="text/javascript"></script>
<script src="js/flot/jquery.flot.pie.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	var data = [
		{ label: "单点",  data: 225},
		{ label: "自助",  data: 67}
	];
	var data2 = [
		{ label: "单点",  data: 3455},
		{ label: "自助",  data: 56000}
	];
	$.plot($("#persons"), data, 
	{
			series: {
				pie: { 
					show: true,
					label: {
						show: true,
						formatter: function(label, series){
							return '<div style="font-size:8pt;text-align:center;padding:2px;color:'+series.color+';">'+label+series.data[0][1]+'人</div>';
						}
					}
				}
			},
			legend: {
				show: false
			}
	});
	$.plot($("#moneys"), data2, 
	{
			series: {
				pie: { 
					show: true,
					label: {
						show: true,
						formatter: function(label, series){
							return '<div style="font-size:8pt;text-align:center;padding:2px;color:'+series.color+';">'+label+series.data[0][1]+'元</div>';
						}
					}
				}
			},
			legend: {
				show: false
			}
	});
});
</script>