了解开源图表组件FusionChartsFree


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

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

贴几张效果图:

FusionChartsFree版本的Candlestick Chart

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

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

可以看到提供了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开源组件,感叹其的开源的文档。

本文出自 “野马红尘” 博客,谢绝转载!

你可能感兴趣的:(开源,图表,前端组件)