学习了下使用FusionChartsFree，不得不赞一下FusionChartsFree组件，不用百度谷歌求解疑问，开发文档非常详尽，数据格式，应用实例，效果图解说等等，虽然通篇都是英文，其为Web开发者提供的用户指南也是非常好用，不过因为产品更新，FusionCharts现在分为四个部分，可以根据不同的业务需要去购买使用。

网站http://www.fusioncharts.com/products/。

j_0001.gif贴几张效果图：

FusionChartsFree版本的Candlestick Chart

211120132.png

FusionChartsFree属于免费开源版本，提供的组件有限。支持数据格式XML，所以要显示的数据不论通过什么方式组成XML格式的数据，就可以在页面上显示。

FusionCharts—XT新版之后的图形效果：

211446348.png

可以看到提供了JSON数据格式，FusionCharts的发展紧跟需要，JSON格式支持将更多的满足不同的需求，JavaScript，Java方面JSON数据的准备也面的更加便捷，高效。

使用FusionCharsFree组件进行开发注意个几个问题：

1.XML Data. 数据格式有严格要有

2.浏览器支持flash和HTML5

3.前后台数据交互编码格式

4.请求参数，URL的转码和解码

5.中文处理

中文问题处理

1.在Data XML文件中添加

<?xml version="1.0" encoding="UTF-8" ?>

2.在请求页面首行添加


<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

3.在页面的Meta信息出添加


<meta http-equiv="content-type" content="text/html; charset=utf-8" />


  如果Data XML是在页面通过字符串拼接的方式构成的，尽可能对其进行UTF-8的编码处理。


  学习了FusionChartsFree开源组件，感叹其的开源的文档。