`
zhangym124
  • 浏览: 344157 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

报表展示组件Highcharts与Fusioncharts的对比

阅读更多

Fusioncharts

官方网址:http://www.fusioncharts.com/

  • FusionCharts 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。
  • FusionCharts是通过xml文件传送数据,对xml的格式要求比较高,也就是错一个节点,可能图像就显示不出来。
  • FusionCharts从3.2版本以后也开始支持json数据格式,之前只支持xml。

Fusioncharts的优点:
图表渲染速度快,外观及交互方式很炫,可以导出为图形,允许将其嵌入到报告中。

Fusioncharts的缺点:
使用起来虽然简单,只要调用其API即可,但是不够灵活,例如不能修改其图表模板,不能实现图表的灵活定制及参数修改。

 

 

Highcharts

官方网址: http://www.highcharts.com/

  • Highcharts是一个制作图表的纯Javascript类库。
  • 兼容当今所有浏览器,包括IE,火狐,IPhone等。
  • 不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库。

Highcharts的优点:
灵活性好,可以随意修改图表模板参数,Ajax支持。

Highcharts的缺点:
渲染速度慢。

 

报表模块最终技术选型方案:

通过以上对比,以及两种报表展示组件的实际应用,虽然Fusioncharts展示效果更好一些,但是由于报表模块现有代码是基于Highcharts,并且在应用时Highcharts也更加灵活,所以决定继续使用Highcharts组件。至于大数据量时导致图表渲染慢的问题,可以通过改变业务逻辑及交互方式进行弥补。

 

分享到:
评论
1 楼 jf_emal 2013-12-12  
至于大数据量时导致图表渲染慢的问题,可以通过改变业务逻辑及交互方式进行弥补。

能稍微在说的具体一些吗?

相关推荐

    js版动态报表实例Highcharts、Flot、fusioncharts

    本文将深入探讨三个流行的JavaScript库——Highcharts、Flot和FusionCharts,它们都是用于创建动态报表的强大工具。 首先,Highcharts是一个基于JavaScript的图表库,支持多种图表类型,如折线图、柱状图、饼图、...

    FusionCharts与HighCharts功能对比分析

    本篇内容旨在对比FusionCharts和Highcharts的主要功能和特点,以帮助开发者选择适合他们需求的图表库。 FusionCharts是一款跨平台跨浏览器的JavaScript图表组件,它允许开发者创建Web和移动JavaScript图表。...

    FusionCharts 图形报表展示

    ### 五、FusionCharts与其他工具的比较 与其他图表库(如Highcharts、D3.js)相比,FusionCharts更注重易用性和美观度,其丰富的预设样式和模板减少了开发者的设计工作。然而,对于需要高度自定义和复杂动画效果的...

    highCharts 展示图片示例

    highCharts 示例 demo highCharts入门 highCharts 自己 按照API文档 写的 几个小例子 另一篇 是一个 fusioncharts 的例子 需要...另外 怎么用highcharts 和 fusioncharts 画 雷达图 ,仪表图 ,会的 朋友 ,赐教一下!

    Highcharts动态实现报表

    1. **Highcharts库的安装与引入**:首先,你需要下载或通过CDN引入Highcharts的JavaScript库,例如这里的版本是Highcharts-2.2.5。在HTML文件中通过`<script>`标签将其链接到你的网页中,确保在使用Highcharts之前...

    导出报表(highcharts)Demo

    可以导出highcharts报表,word、pdf都可以,简单的Demo

    报表 HighCharts

    ### 报表HighCharts使用教程 #### 一、HighCharts简介 HighCharts是一款非常流行的JavaScript图表库,它基于SVG(可缩放矢量图形),在旧版本浏览器中使用VML(Vector Markup Language)作为后备方案。HighCharts...

    Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子 不包含官方JS 自己下载

    这个例子展示了如何在Java后端与Highcharts前端之间建立有效的通信,通过AJAX和JSON实现动态数据更新。这种架构在实时监控、数据分析、仪表盘等场景下非常常见,因为它可以实现实时刷新的图表,用户无需手动刷新页面...

    数据统计-图形化展示-HighCharts插件

    HighCharts是一款强大的JavaScript图表库,它能够帮助开发者创建各种类型的互动图表,如折线图、柱状图、饼图、散点图等,用于数据的可视化展示。在本项目中,“数据统计-图形化展示-HighCharts插件”是利用...

    Highcharts实现图形报表

    在本项目中,“Highcharts实现图形报表”旨在利用Highcharts的功能,构建出各种类型的柱状图表,包括对比图、级别图和单一柱形图,以满足数据分析和展示的需求。 首先,我们要了解Highcharts的基本用法。在HTML页面...

    highcharts报表控件 jquery报表插件

    "highcharts报表控件"和"jquery报表插件"指的是使用Highcharts与jQuery结合,为网页构建动态、丰富的数据报表。 Highcharts支持多种图表类型,包括标题中提到的"饼图"和"柱形图",以及其他如线图、面积图、散点图、...

    jQuery Chart图表制作组件Highcharts用法详解

    9. 时间轴:Highcharts 的时间轴支持可以精确到毫秒,这使得它非常适合用于展示具有时间序列的数据。 在实际使用 Highcharts 的过程中,首先需要下载 Highcharts 的核心文件 highcharts.js,以及其他可选的模块,...

    Highcharts与ExtJs结合使用

    3. **使用ExtJS的Chart组件**: ExtJS提供了一个Chart组件,它是Highcharts的封装,可以直接在ExtJS的应用中使用Highcharts图表。将之前创建的Highcharts配置对象传递给Chart组件。 4. **数据绑定**: 当Store接收到...

    网页报表工具Highcharts

    下面将详细介绍Highcharts的核心特性、使用方法以及与其它图表库的对比。 1. **核心特性** - **易用性**:Highcharts通过简洁的API和丰富的文档,使得即使是对JavaScript不太熟悉的开发者也能快速上手。 - **跨...

    Highcharts 可用的js动态报表js库及demo

    本资源包含了Highcharts的js动态报表库以及相关的示例代码,非常适合对数据展示有需求的开发者进行学习和应用。 1. **Highcharts库的核心功能**: - **多样化图表类型**:Highcharts支持多种图表类型,如折线图、...

    数据统计报表实时更新springmvc+ajax+highcharts

    在数据统计报表中,Highcharts可以将服务器返回的数据可视化,以直观易懂的方式展示出来。通过配置不同的图表类型、颜色、标签等,可以定制符合需求的报表样式,同时Highcharts还提供了交互功能,如点击图表查看详细...

    各种图形报表组件

    本篇文章将详细探讨标题中提到的"各种图形报表组件",包括微软图表控件MSChart、水晶报表以及Jquery图表制作功能。 首先,我们来看微软图表控件MSChart。MSChart是Microsoft .NET Framework的一个组成部分,主要...

    highcharts制作报表本地导出图片

    在"highcharts制作报表本地导出图片"这个主题中,我们将深入探讨如何使用Highcharts来构建报表,并实现用户可以在本地保存这些报表为图片的功能。 首先,我们需要了解Highcharts的基本用法。创建一个Highcharts图表...

    使用Highcharts快速开发报表

    Highcharts提供了多种图表类型,如折线图、曲线图、块状图、块状-曲线图、柱形图、条形图、饼图和散点图,允许开发者在同一个报表中自由组合,以满足不同的数据展示需求。 配置Highcharts非常简单,所有的配置选项...

Global site tag (gtag.js) - Google Analytics