<body>
<!-- 统计报表的目标 -->
<div id="chartContainer"></div>
<div>
<select id="choose">
<option value="pie2D">饼图2D</option>
<option value="pie3D">饼图3D</option>
<option value="line">折线</option>
<option value="column2D">柱状2D</option>
<option value="column3D">柱状3D</option>
</select>
</div>
<script>
$(function(){
//var cc= $("#choose").val();
//alert(cc);
//统计出2015年度每个月的收入明细
$.ajax({
type:"post",
url:"data.jsp",
success:function(data){//data是服务器端返回到客户端数据
var jsonData=eval("("+data+")");
var length=jsonData.length;
var html="";
for(var i=0;i<length;i++){
//$("body").append("<div>"+jsonData[i].money+"--"+jsonData[i].month+"</div>");
//和数据报表进行对接
html+="<set label='"+jsonData[i].month+"' value='"+jsonData[i].money+"' />";
}
$.chart({
type:"pie3D",
target:"chartContainer",
width:"100%",
height:"400",
data:"<chart caption='2015年度充值/提现收入' xaxisname='月份' subcaption='' startingangle='120' showlabels='0' showlegend='1' enablemultislicing='0' slicingdistance='15' showpercentvalues='1' showpercentintooltip='0' theme='fint'>"+html+"</chart>"
});
}
});
});
</script>
</body>
</html>
http://zhidao.baidu.com/link?url=_FA-rruuMo18DQ8o7B5xBqDOOh2W2PxS7jhqY1x2pOtkYZPGEriHoQsklwmzzM4k_ar8ODhTakt1oj7OtSAbDItrcfWktqcLwua65R_qGk3