首先需要到官网下载fushion chart的js和swf模板
本人已经下载:可以猛戳此处http://pan.baidu.com/s/1dD68G1N
这里本人以一个3D饼图作为示例
首先是后台需要构建返回到前台fushion chart能够解析的jason格式
这里jason的格式为:
"chart": { "caption" : "Weekly Sales Summary","xAxisName" : "Week","yAxisName" : "Sales","numberPrefix" : "$" },"data" : [ { "label" : "Week 1","value" : "14400" },{ "label" : "Week 2","value" : "19600" },{ "label" : "Week 3","value" : "24000" },{ "label" : "Week 4","value" : "15700" } ] }如果是后台返回到前台的jason格式,那就需要在后台模拟出这样的对象来,类似于这样
ChartData chartData = new ChartData(); DataDecription dp = new DataDecription("房间类型入住率统计","数量","房间类型","房间数:"); chartData.setChart(dp); chartData.setData(showDatas);前台页面调用的js
var chart = new FusionCharts("${ctx}/js/fusioncharts/swf/Pie3D.swf","ChartId","500","300","0","0"); chart.setDataURL("${ctx}/screen/chart.xml"); chart.render("chartdiv");
xml数据如下:
<?xml version="1.0" encoding="UTF-8"?> <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>
显示效果
原文地址:https://www.jb51.cc/xml/299058.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。