FusionCharts使用详解+实例+图解+Demo

最新推荐文章于 2018-03-05 15:35:37 发布

51show

最新推荐文章于 2018-03-05 15:35:37 发布

阅读量1.4k

点赞数

分类专栏：组件应用文章标签： fusionCharts 图表使用详解实例图解

本文链接：https://blog.csdn.net/songweijiufei/article/details/46454137

版权

本文详细介绍了FusionCharts免费版的使用，包括如何在各种平台上集成，swf文件分类，安装步骤，数据加载方法，以及解决图表显示问题的常见排查方案。此外，还展示了属性配置，如工具提示、横坐标效果和数据格式化等。

摘要由CSDN通过智能技术生成

一、简介
FusionCharts 是InfoSoft Global 公司的一个产品，InfoSoft Global 公司是专业的Flash 图形方案提供商，他们还有几款其他的，基于Flash 技术的产品，都非常的漂亮。
FusionCharts Free 则是FusionCharts 提供的一个免费版本，虽然免费，功能依然强大，图形类型依然丰富。

FusionCharts free 是一个跨平台，跨浏览器的flash 图表组件解决方案，能够被ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单HTML 页面甚至PPT 调用。

二、报表图形对应的swf文件分类

四、安装使用
1. 在web项目目录下新建一个文件夹( 如FusionCharts)，并把所有的SWF 文件都拷贝到这个文件夹里。
2. 在页面导入FusionCharts.js 文件，如：
<script type="text/javascript" src="FusionCharts.js"></script>
3. js加载数据生成报表(有两种方法)
方法一：xml文件引用法
(1)定义一个固定格式的xml文件（以Data.xml为例）
Date.xml的内容如下：

<graph caption='每月销售额柱形图' xAxisName='月份' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'>　　
　　 <set name='一月' value='462' color='AFD8F8' />　　
　　 <set name='二月' value='857' color='F6BD0F' />　　
　　 <set na