本博客介绍fusioncharts插件的使用
先了解fusioncharts插件,fusioncharts是一款基于XML和flash的报表组件,支持Java、PHP、AngularJS等等开发语言, 所以,开发出来,加入swf文件,就可以出现动态效果的报表统计,具有2D和3D效果的图表,下面是官网和详细分类
官网:http://www.fusioncharts.com/
Fusioncharts插件的分类 甘特图
先去官网下载Fusioncharts免费版本需要的swf和Javascript以及jar等等资料,http://www.fusioncharts.com/goodies/fusioncharts-free
* Uses the javascript FusionCharts class to create the chart by supplying
* the required
介绍 FusionCharts Free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails 并提供互动性和强大的图表,使用XML作为其数据接口,FusionCharts充分利用流体美丽的Flash创建紧凑,互动性和视觉逮捕图表。 优点 1、有动画和后台交互比较方便(ajax); 2、运行在各种平台; 3、最重要的就是使用简单 开始使用 前台javascript代码(FusionCharts $.get("Handler1.ashx", "", function (data) { var chatr = new FusionCharts /Charts/FCF_Line.swf", "s2Chart", "500", "400"); /*FusionCharts参数
/FusionCharts/FCF_Column3D.swf”, “myChartId”, “600”, “ 500″); 第一个參数是SWF 文件的地址。 第二个是图形的id。
本博客介绍fusioncharts插件的使用 先了解fusioncharts插件,fusioncharts是一款基于XML和flash的报表组件,支持Java、PHP、AngularJS等等开发语言 ,所以,开发出来,加入swf文件,就可以出现动态效果的报表统计,具有2D和3D效果的图表,下面是官网和详细分类 官网:http://www.fusioncharts.com/ Fusioncharts插件的分类 先去官网下载Fusioncharts免费版本需要的swf和Javascript以及jar等等资料,http://www.fusioncharts.com/goodies/fusioncharts-free /fusioncharts_index"); String strXML = ""; strXML += "<graph caption='对比表' xAxisName= "; }else if(type.equals("Column3D")){ typeValue = "source/<em>FusionCharts</em>/Column3D.swf
任何UTF – 8字符现在可以旋转和使用图表从而FusionCharts真正多语言。 选项指定文本价值,可以代替数值是图表上显示的每个数据项 无法加载自定义标识,图表上在预先确定的位置,然后连结相同 … FusionCharts v3新增功能 FusionCharts v3的拥有大量的新功能 如果没有空间, FusionCharts v3的会自动调整位置。 一些规模支持 FusionCharts v3的介绍了一些调整和更好地控制数字格式。 用FusionCharts v3可以保存图片和PDF FusionCharts V3图表导出图片和PDF属性说明 http://www.cnblogs.com/ATree/archive/2010/07 /21/FusionCharts-Export-Image-Pdf.html属性名 类型 描述 FusionCharts V3核心导出功能相关的属性 exportEnabled Boolean (0/
使用FusionCharts进行图形化的进度显示。 ? 最后就是整个过程的图形化界面显示,FusionCharts部分的代码如下: 1 FusionCharts.ready(function(){ 2 var fusioncharts = new FusionCharts({ 3 type: 'hlineargauge', 4 renderAt: 'realchart', 5 (); 81 }); FusionCharts设置了一个轮训间隔,不断地从后台查询数据。 因为我的后台处理过程都是在领带的ajax请求中完成的,所以采取了一个折衷的办法,ajax请求完成后,将进度写入到cookie中,然后FusionCharts定时从cookie中读取进度来进行展示。
3 FusionCharts ? FusionCharts FusionCharts是Flash图形方案供应商InfoSoft Global公司的一个产品, FusionCharts可用于任何网页的脚本语言类似于HTML , .NET FusionCharts能够提供九十多种图表,带有JavaScript API,可以很容易的集成AJAX或者JavaScript。 另外,FusionCharts支持基于Flash/JavaScript的3D图表,提供服务器端APIs,支持成千上万的数据点,并在几分钟内完成向下钻取。 4 Modest Maps ?
Fusion Charts FusionCharts v3 帮助创建Web或企业应用的动画/交互的图表。企业级图表组件支持PCs, Macs, iPads, iPhones,以及大量其他的手机设备。 Free PHP Graph/Chart FusionCharts是完全免费和开源的Flash图表组件。可创建动画、交互的图表web应用、桌面应用等。 FusionCharts支持 PHP, ASP.NET, JSP, ColdFusion, Python, RoR, 简单的HTML页面,甚至是PowerPoint演示。 6.
Content-Type" content="text/html; charset=UTF-8" /> <title>结果显示</title> <script type="text/javascript" src="<em>FusionCharts</em>.js name="企业5" value="95" color="0000ff"/> </graph> </xmp>
FusionCharts - FusionCharts 是一个跨浏览器和跨平台的flash图表组件,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails
8、FusionCharts FusionCharts是最全面的JavaScript图表库,包括90个图表和900种地图。 FusionCharts可以轻松集成像jQuery库,Angularjs和React框架以及ASP.NET和PHP语言。 FusionCharts支持JSON和XML数据,并提供许多格式图表:PNG,JPEG,SVG和PDF。 9、RAW Raw是一款免费开源的Web应用程序,并且尽可能简单灵活地使数据可视化。
FusionCharts Suite FusionCharts Suite 可帮助您为 Web 和智能手机应用程序开发等项目开发专业且美观的后台仪表盘。 FusionCharts Suite 提供所有必要的资源,如跨浏览器支持、文档和稳定的 API。 FusionCharts JavaScript 金融图表库允许您的开发人员构建简单的图表,如柱形、线条、饼图等。此外,您的团队还可以开发特定领域的可视化,如股票图表、雷达图和热图。
FusionCharts ? FusionCharts是最全面的JavaScript图表库,包括90个图表和900种地图。如果你不是特别喜欢的JavaScript。 FusionCharts可以轻松集成像jQuery库,Angularjs和React框架以及ASP.NET和PHP语言。 FusionCharts支持JSON和XML数据,并提供许多格式图表:PNG,JPEG,SVG和PDF。 13. Highcharts ?
FusionCharts FusionCharts是最全面的JavaScript图表库,包括90个图表和900种地图。 FusionCharts可以轻松集成像jQuery库,Angularjs和React框架以及ASP.NET和PHP语言。 FusionCharts支持JSON和XML数据,并提供许多格式图表:PNG,JPEG,SVG和PDF。
FusionCharts ? FusionCharts 支持 vanilla JavaScript、jQuery、Angular 等一系列高人气的库和框架。 而像 Microsoft、Google 和 IBM 这样的公司都在使用 FusionCharts,这说明它是一个能满足企业级拓展性需求的工具。 适合人群:需要各种不同种类的易自定义图表的开发者。 这个数量并不能与 FusionCharts 或是 Highcharts 这种特性完整的产品对抗,但它所专长的是以简单和友好的方式呈现实时数据。 适合人群:需要简单灵活的实时数据呈现方案的开发者。
FusionCharts FusionCharts是最全面的JavaScript图表库,包括90个图表和900种地图。如果你不是特别喜欢的JavaScript。 FusionCharts可以轻松集成像jQuery库,Angularjs和React框架以及ASP.NET和PHP语言。 FusionCharts支持JSON和XML数据,并提供许多格式图表:PNG,JPEG,SVG和PDF。 13.
FusionChartsFree包有静态的例子F:\张明学\FusionChartsFree\FusionChartsFree\Code\MyFirstChart文本里面,先把数据写在xml中,在html中的js中构造一个FusionCharts swflash.cab#version=6,0,0,0” width=”610″ height=”400″ id=”Column” > <param name=”movie” value=”{ctxPath}/FusionCharts
Charts ChartJS Chartist.js n3-charts Ember Charts Smoothie Charts Chartkick ZingChart Highcharts JS Fusioncharts 回到顶部 Fusioncharts ? Fusioncharts 是最老的图表库之一。使用HTML5/SVG和VML来确保兼容性和可移植性。
下面是案例图 FusionCharts FusionCharts是另一种业务数据可视化解决方案,实际上是最昂贵的解决方案之一。不过也是最灵活的,开箱即用的。
我们有另外的组件来把统计图显示出来:FusionCharts FusionCharts 是使用javascript 实现统计图表的js组件;其官网地址:http://www.fusioncharts.com ---- FusionCharts使用 FusionCharts安装 首先,我们要把对应的JS文档加入到我们的项目中: “fusioncharts.js” “fusioncharts.charts.js ” 和相关主题文件复制到项目的js/fusioncharts文件夹。 这里写图片描述 ---- 接着,我们发现FusionCharts这个组件,想要把数据显示在统计图表中,我们的JSON数据的格式是需要这样的: ? =""){ var revenueChart = new FusionCharts({ "type