FusionCharts简单应用

前端页面:

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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值