使用FusionCharts生成饼状图

使用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");

生成的报表如下：