FusionChart中文使用手册.doc

一、 FusionCharts构成的基本三要素：swf，data，承载图表的载体。 ?? Swf：Charts文件夹下面的所有swf文件，需要什么样的图表样式，就加在与之相对应的swf文件。 ?? Data：数据源。数据可以是*.xml, *.json 文件，也可以是代码中xml或json格式的数据。 ?? 载体：页面中装载swf的空间组件。Eg：div，span等等。 ? ?二、装载swf的注意事项 ? 1.?? 装载swf的基本语法 页面必须引用FusionCharts.js scripttype=text/javascript src=../ FusionCharts.js/script ?cdiv id=chartdivFusionCharts will be loaded here!/div ?iscript type=text/javascript var chart = new FusionCharts(../FusionCharts/Column3D.swf, chartid,?? 400, 300, 0, 1); ?????? chart.setDataURL(../FusionData/LinkjavascriptData.xml); ?????? chart.render(chartdiv); ?????? /script ?sColumn3D.swf：所要展现的图表类型 LinkjavascriptData.xml：图表引用的数据源 ? FusionCharts(“swf”,”id”,”width”,”height”,”debugmodel”,”registerwithjs”)：debugmodel 通常设置为0，registerwithjs通常设置为1. ?2.?? 基本数据格式 XML文件chart开头，以/chart结束；或者以graph开头，以/graph结束。 XML标签属性有以下四种数据类型：布尔型、数字型、字符型、十六进制颜色代码（只支持十六进制的颜色表示，且去掉前面的#号） ? Eg： ?xml version=1.0 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 ?c该data.xml运行的结果如下： ?三、 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)：描述当从特定的URL下载数据发生错误 5)???????? FC_NoDataToDisplay(DOMId)：描述当下载的xml文件里没有可显示的数据 6)???????? FC_DataXMLInvalid(DOMId)：描述xml格式错误 3.??? 方法 1)???????? setDataXML(strDataXML:string):改变图表的数据 2)?