前端页面:
fusionCharts的使用首先需要在jsp页面引入一个FusionCharts.js的js文件,例如:
<script type="text/javascript" src="<%=path %>/content/scripts/fusionchart/js/FusionCharts.js"></script>
为了方便,再引入一个js类库:
<script type="text/javascript" src="<%=path %>/content/scripts/jquery/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function(){
var chartColumn = new FusionCharts("<%=path %>/content/scripts/fusionchart/swf/MSColumn3D.swf",
"chartColumn2", w, h-32);
chartColumn.setDataXML(data);
chartColumn.render("unitBusinessInfoChartDiv");//将图渲染到一个div,unitBusinessInfoChartDiv是一个div的id});
</script>
java后台:
java后台就按照funsionchart需要的返回值拼装一个json或xml格式的字符串,网上有有工具类。下面是一个示例:
<chart palette='4' decimals='0' enableSmartLabels='1' enableRotation='0' bgColor='99CCFF,FFFFFF' bgAlpha='40,100' bgRatio='0,100' bgAngle='360' showBorder='0' startingAngle='80' > </chart> |