FusionCharts简单应用

来源：互联网发布：淘宝客的官方群多少编辑：程序博客网时间：2024/05/21 01:53

前端页面：

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' >
            <set label='中国' value='13' isSliced='1'/>
            <set label='印度' value='0.5' />
            <set label='美国' value='2' />
            <set label='日本' value='0.1' isSliced='1'/>
</chart>

阅读全文

0 0