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

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

贴几张效果图:

FusionChartsFree版本的Candlestick Chart

了解开源图表组件FusionChartsFree_第1张图片

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

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

了解开源图表组件FusionChartsFree_第2张图片

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


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

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

2.浏览器支持flash和HTML5

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

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

5.中文处理

中文问题处理

1.在Data XML文件中添加

2.在请求页面首行添加


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

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



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


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