使用FusionCharts生成图形报表只需要一下五步:
1、导入FusionCharts.js文件
<script type="text/javascript" src="FusionCharts.js"></script>
2、定义一个div,但是它必须要有一个id属性
<div id ="div1" align = "center"></div>
3、创建一个FusionCharts对象
var myChart = new FusionCharts("Doughnut3D.swf","jisuanji0001_id","600","600");
其中:参数1:表示swf文件的地址
参数2:图形的id唯一标示该图形,名字任意
参数3:图像的高度
参数4:图像的宽度
4、设置数据文件
其中我使用的数据文件如下:
<chart yAxisName='销售个数' caption='2012年年度销售情况统计分析' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0'>
<set label='一月' value='25000' />
<set label='二月' value='35000' />
<set label='三月' value='42300' />
<set label='四月' value='35300' />
<set label='五月' value='31300' />
<set label='六月' value='25000' />
<set label='七月' value='35000' />
<set label='八月' value='42300' />
<set label='九月' value='35300' />
<set label='10月' value='31300' />
<set label='11月' value='25000' />
<set label='12月' value='35000' />
</chart>
myChart.setDataURL("data.xml");
5、制定图像的渲染的位置
myChart.render("div1");
生成的报表如下: