FusionChart中文使用手册.doc

一、 FusionCharts构成的基本三要素:swf,data,承载图表的载体。
   Swf:Charts文件夹下面的所有swf文件,需要什么样的图表样式,就加在与之相对应的swf文件。
   Data:数据源。数据可以是*.xml, *.json 文件,也可以是代码中xml或json格式的数据。
   载体:页面中装载swf的空间组件。Eg:div,span等等。
 
 二、装载swf的注意事项
 
1.   装载swf的基本语法

<scripttype="text/javascript" src="../ "></script>
 
<div id="chartdiv">FusionCharts will be loaded here!</div>
 
<script type="text/javascript">
var chart = new FusionCharts("../FusionCharts/", "chartid",   "400", "300", "0", "1");
       ("../FusionData/");
       ("chartdiv");
      
</script>
 
:所要展现的图表类型
:图表引用的数据源
 
FusionCharts(“swf”,”id”,”width”,”height”,”debugmodel”,”registerwithjs”):debugmodel 通常设置为0,registerwithjs通常设置为1.
 2.   基本数据格式
XML文件<chart>开头,以</chart>结束;或者以<graph>开头,以</graph>结束。
XML标签属性有以下四种数据类型:布尔型、数字型、字符型、十六进制颜色代码(只支持十六进制的颜色表示,且去掉前面的#号)
 
Eg:
<?xml version="" encoding="UTF-8"?>
<chart caption='Weekly Sales Summary' xAxisName='Week' yAxisName='Sales'
    placeValuesInside='1' useRoundEdges='1' showBorder='1' exportEnabled="1"     exportHandler="fcExporter1" exportAtClient="1" exportFormats="JPEG=jpg|PDF=pdf">
    <set label='Week 1' value='14400' displayValue='good' />
    <set label='Week 2' value='19600' />
    <set label='Week 3' value='24000' />
    <set label='Week 4' value='15700' />
 
 
    <sytles>
       <definition>
           <sytle name='myBevel' type='Bevel' />
       </definition>
       <application>
       <apply toObject='Background' styles='myBevel'/>
       </application>
      
    </sytles>
</chart>
 
:
 三、 Charts文件中的swf文件及运行结果图(略)
四、结合javascript的应用
1.    前提:
置FusionCharts中的registerwithjs为1.(实际中似乎0也可以,但最好用1)
2.    事件:
1)         FC_Loaded(DOMId):描述当SWF文件在客户端已经完成下载
2)         FC_Rendered(DOMId):描述swf装载完成。
3)         FC_DataRendered(DOMId):描述当图表数据已经下载到dataxml或者dataURL
4)         FC_DataLoadError(DOMId):描