了解开源图表组件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开源组件，感叹其的开源的文档。

了解开源图表组件FusionChartsFree相关推荐

推荐几个.NET开源图表组件 [转]
转自:http://blog.csdn.net/liujien/archive/2005/10/03/494509.aspx 推荐几个.NET开源图表组件,希望大家发行有其它的可以添加一下,说明:因为 ...
JS组件系列——开源免费图表组件：Chart.js
前言:最近被开源免费得有点上火了,各种组件首先想到的就是是开源否.是否免费.是否和bootstrap风格一致.想着以后做报表肯定要用到图表组件的,于是在Bootstrap中文网上面找到了Chart.j ...
.NET 开源免费图表组件库，Winform,WPF 通用
大家好, 我是等天黑, 今天给大家介绍一个功能完善, 性能强悍的图表组件库 ScottPlot, 当我第一次在 github 上看到这个库, 我看不懂,但我大受震撼, 这么好的项目当然要分享出来了. ...
可视化图表组件体系的构建（内附全套开源文件）
Part01 -------- 前言 EasyV作为一个低代码数字孪生可视化搭建平台,其图表组件作为可视化项目建设的基础构成发挥着重要的作用. 经过多年可视化项目交付经验,沉淀了一套形态多样.样式精细 ...
Asp.net报表制作 OpenFlashChart免费图表组件
Asp.net报表制作 OpenFlashChart免费图表组件 OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表组件,用它能创建一些很有效果的报表分析图 ...
基于HTML5 Canvas的开源图形组件-ichartjs 入门篇
ichartjs的官方网站为ichartjs(http://www.ichartjs.com/),目前最新版本为ichartjs v1.2 Released ,ichartjs的官方介绍: ichar ...
10款免费开源图表插件推荐
1.ichartjs(国产) ichartjs是一款优秀的国产开源插件,作者是王鹤,英文名taylor,毕业于南昌大学软件工程专业. ichartjs 是一款基于HTML5的图形库.使用纯javasc ...
推荐几款比较好的图表组件
** ECharts ** ECharts是一款开源数据可视化图表产品,支持的图表比较多, 提供商业产品常用图表,底层基于ZRender(一个轻量级canvas图表类库),创建了坐标系,图例,提示,工 ...
数据分析可视化04 图表组件：Echarts数据可视化图表基础
本课时是课程的第二个模块,环境部署篇的第一个课时.在第一部分的基础理论篇,我向你介绍了数据可视化分析的概念定义.方法体系和关键技术.接下来,我会带你了解基于开源框架,如何部署数据可视化分析的开发环境, ...
前端开发之vue可视化数据图表组件（Chart.js）
前端开发之vue可视化数据图表组件(Chart.js) 前言制作好的效果图 vue2中使用Chart.js 1.在项目中安装Chart.js 组件 2.vue文件 vue3中使用Chart.js v ...

了解开源图表组件FusionChartsFree

了解开源图表组件FusionChartsFree相关推荐

最新文章

热门文章