如何利用FusionCharts 来创建3D柱状图

1.选择好你要创建的图形类型对应的SWF文件。例如，我们现在要创建的是3D柱状图形，那么我们的SWF文件就是FusionCharts_Column3D.swf。闷弊上篇文章已经介绍过了，所有的SWF文件都放在FusionCharts>Charts文件夹里。

2.XML数据文件。FusionCharts只接受基于XML格式的数据。因此，你蚂物族需要把你的数据转成XML格式。

3.HTML文件。这个HTML文件将包含用来嵌入图形的代码。

在我们进行上面的工作之前，我们先要新建一个文件夹。例如，我们创建蚂型一个叫c:\FusionCharts 的文件夹。以后我们的例子都放到这个里面。

FusionChartsV3.2导出图片

一、必须的FusionCharts文件

1、图形Swf文件：将Download Package>Charts目录下需要的图形swf（如Pie2D.swf）文件拷贝到系统的web的特定目录（/WebRoot/FusionCharts/）下。

2、FusionChartsJavaScript class：FusionCharts.js，握帆将其从Download Package>Charts拷贝到WebRoot/FusionCharts/下。

3、羡首FusionChartsExport Handlers（服务器端）：参见Download Package >ExportHandlers >J2EE目录，配置段派雹方法见二。

4、FusionChartsExport Component（客户端）：FCExporter.swf，路径为Download Package >Charts，拷贝到/WebRoot/FusionCharts下。

5、FusionChartsExport Component JavaScript class：FusionChartsExportComponent.js，将其从Download Package>Charts拷贝到/WebRoot/FusionCharts/下。

二、FusionCharts Export Handlers（服务器端）配置

在服务器端需要二个文件：

1. fcexporter.jar (contains all the dependency classes)

2. fcexporthandler.jar (contains the export handler servlet andresources)：

配置过程：

1、拷贝文件：将Download Package >ExportHandlers >j2EE下的fcexporter.jar、fcexporthandler.jar拷贝到WEB-INF/lib下，将

2、配置web.xml

[html] view plain copy print?

<servlet>

<display-name>FCExporter</display-name>

<servlet-name>FCExporter</servlet-name>

<servlet-class>com.fusioncharts.exporter.servlet.FCExporter</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>FCExporter</servlet-name>

<url-pattern>/FCExporter</url-pattern>

</servlet-mapping>

增加FCExporter servlet映射到应用配置web文件：

三、FusionCharts显示图形JSP文件（html文件也可以）

<1>建立对象：

用四个参数建立了一个FusionCharts对象，

var myChart = new FusionCharts("../FusionCharts/FCF_Column3D.swf", "myChartId", "600", "500")　

第一个参数是SWF文件的地址。

第二个是图形的id。这个id可以随便叫什么，但是要注意，当一个页面里有多个图形的时候，这个id一定要是唯一的。

第三个参数是图形的宽。

第四个参数是图形的高。

<2>加载数据：

第一种加载方法需要设置数据文件的地址。如：

myChart.setDataURL("Data.xml")

第二种加载方法需要设袜型置对应的字符串。如：

myChart2.setDataURL(dataXml)//dataXml为字符串

<3>把图形渲染在指定的地方。

myChart.render("chartdiv")

"chartdiv"就是前面的DIV的id，这就表示把图形render到"chartdiv"，即Flash图形就出现在这个id为"chartdiv1"的DIV里。

引起flash图像不能显示的可能原因

（一）如果没有在页面上看到图形，可能是下汪好戚面的原因之一：

1. SWF没有放到正确的文件夹。

2. 在html文件里，SWF的路径设置不正确。

3. 没有安装Flash Player。

4. 没有启用浏览器Flash播放选项。

（二）如果你得到了一个“Error in Loading Data”的消息，可能是：

1. xml文件没放到正确的文件夹。

2. xml的文件名不正确。比如，你可能不小心把它命名Data.xml.txt。

（三）如果你得到了一个“Invalid XML Data”的消息，可能是：

1. xml文件里的内容有错误。

特殊字符

在FCF里，一些特殊的编码都需要经过编码。如：

“€”欧元符号 ——— 需要用“%80”替换

“￡”英镑符号 ——— 需要用“%A3”替换

“￥”人名币符号—— 需要用“%A5”替换

“￠”分符号 ————需要用“%A2”替换

“%”百分号 ———— 需要用“%25”替换

“&”连字符 ———— 需要用“&”替换

“>”大于号 ———— 需要用“>”替换

“'”单引号 ———— 需要用“'”替换

如果要显示双引号，直接使用就可以了，前提是属性值是用单引号括起来的。如果属困陵性值是用双引号括起来的，要显示单引号，也可以直接使用，而不必用“'”来替换它。

---