ECharts图表组件与FusionCharts图表组件对比

文章目录

一、整体对比
二、图形类型对比
三、互动功能对比
四、总结

公司目前正在进行图表选型，主要选择了ECharts与FusionCharts。这两款图表都是非常知名，以前用过FusionCharts的免费版，效果可以，不过免费图表功能始终有限，而FusionCharts商业版本的就非常不错了，效果很炫，支持2D 3D!Echarts免费，画面酷炫确实有一定的吸引力，有自己的优势。

所以比较一下两个组件之间的区别，以及性能上的优缺点。

一、整体对比

对比项目	Echarts	Fusioncharts
概述	适用于创建Web和移动应用的JavaScript图表	适用于创建Web和移动应用的JavaScript图表
开发商国家	中国	印度
供应商	百度	InfoSoft Global
是否开源	√	×
研发团队	百度商业前端数据可视化团队	FusionCharts Team
图形类型	9类14种：支持任意混搭:折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图、地图、力导布局图	支持超过90种图表类型和550种地图
文档与资源	非常详细的API和种类繁多的样例：`https://echarts.apache.org/doc/doc.html`	非常详细的API和种类繁多的样例：`http://docs.fusioncharts.com/charts/`
文档与资源语言	中文，易于理解阅读	英文，比较容易理解
实现技术	基于HTML5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表	基于Flash/JavaScript的图表控件
支持平台	ASP、PHP、JAVA、WEB、.NET等	ASP、NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails、简单HTML 页面甚至PPT调用
支持浏览器	支持IE、Firefox、Chrome、Safari、Opera浏览器，依赖excanvas兼容IE8-。（部分功能和图形不支持IE8-）	完美支持当前大多数浏览器
数据格式	JSON	JSON、XML
支持大数据量	canvas渲染渲染10万个圆仅需500ms左右 Flash渲染速度快	JavaScript渲染速度很慢，不适用大数据量
动画效果	√	√
向下钻取	通过 JavaScript代码实现向下钻取。	可在数据或JavaScript代码进行配置。通过LinkedCharts可实现无限层级向下钻取，且每一个层级可显示不同类型的图表
工具提示	√	√
图例	√	支持，并且交互式图例可显示/隐藏数据系列。
缩放	√	√
滚动/平移	√	√
X轴标签管理	不支持。标签过长时，会产生重叠。	智能x轴标签管理，避免标签重叠。自动旋转标签，包装标签或添加了椭圆长标签。支持旋转和步进。
多轴	√	√
调色板和主题	利用额外的JSON主题文件或属性	内置调色板，也可以通过数据属性自定义
渐变	支持	支持，完全控制原色，比率，阿尔法和角度
Trendlines趋势线	√	√
导出格式	可导出为JPG, PNG or PDF	可导出为JPG, PNG or PDF
原生jQuery整合	√	通过FusionCharts jQuery插件
服务器端API集成度	需要通过第三方/社区贡献	支持，能够被 ASP.NET、ASP、 PHP、JSP、 ColdFusion、Ruby on Rails，简单 HTML 页面甚至PPT调用。

二、图形类型对比

对比项目	ECharts	Fusioncharts
柱状图（条形图）	√	√
折线图（面积图）	√	√
饼图（环形图）	√	√
散点图（气泡图）	√	√
雷达图	√	√
3D类图形	×	√
K线图	√	√
力导布局图	√	×
和弦图	√	×
地图	√	√
特色图表（如仪表盘）	×	√
大规模散点图（百万级数据）	√	×
多维度堆积	√	√
混搭	√	×
总计	共9类14种	90种图表类型550种地图

三、互动功能对比

对比项目	ECharts	Fusioncharts
拖拽重计算	√	×
数据视图	√	×
图片导出	√	√
动态类型切换	√	×
值域漫游	√	×
数据区域缩放	√	×
图例开关	√	√
动态数据	√	√
标线辅助	√	×
混搭	√	×
总结	提供了一个功能强大的界面操作工具	基本的页面操作

四、总结

ECharts估计是国内最流行的开源可视化图表库了。Echatrs可以很完美的配合百度地图的使用。更新迭代较快，比较活跃，感觉相比以前，ECharts最近几年有了很大进步，GitLab官方也用了Echarts。Fusioncharts 历史悠久，图表种类丰富。相信Echarts会做得更好，谁说国产的东西比不过外国。

参考文章：
百度ECharts图表组件与印度FusionCharts图表组件对比
ECharts图表组件与FusionCharts图表组件应用对比
Echarts与Highcharts图标比较
JavaScript图表对比评测：FusionCharts vs HighCharts

ECharts图表组件与FusionCharts图表组件对比相关推荐

二十三、【开源】EFW框架Web前端开发之常用组件（FusionCharts图表、ReportAll报表等）
回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu. ...
Fusioncharts图表组件API参考方法（Functions）汇总篇（续）
[摘要]: chartType()FusionCharts的JavaScript类API提供了大量的功能.下面的列表显示在每个功能的详细信息: 一.FusionCharts的类 - 实例功能 1.co ...
Fusioncharts图表组件在宿舍评分统计中的应用
上篇blog说了要展示下Fusioncharts在系统中的使用,现在就分享下自己在这块的应用. 首先向大家展示下这个效果是怎样的. 鼠标点击相关数据行,弹出隐藏DIV. 前台JSP需要文件: Fusi ...
用Echarts自定义多系列左右双坐标对比的图表，适合展示TGI对比等场景
用Echarts自定义多系列左右双坐标对比的图表,适合展示TGI对比等场景. renderItem = function (params, api) {console.log('----------- ...
图表的绘制(使用Dundas组件)
图表的绘制(使用Dundas组件) 效果图: 前台代码: <table width=100% align =center> <tr> <td align=cente ...
微信小程序使用echarts图表，与延迟加载图表，解决echarts文件过大
微信小程序使用echarts图表,与延迟加载图表,解决echarts文件过大引入echarts组件展示echarts图表数据延迟加载图表如何解决echarts文件过大引入echarts组件 ...
ECharts官方文档及常用组件柱状图联动
ECharts官方文档及常用组件柱状图联动导入js包 <!DOCTYPE html> <html><head><meta charset="ut ...
python 数据比对函数_1行代码实现Python数据分析：图表美观清晰，自带对比功能丨开源...
原标题:1行代码实现Python数据分析:图表美观清晰,自带对比功能丨开源
FusionCharts图表标题的参数设置
FusionCharts 允许你为chart配置标题.子标题.x轴标题和y轴标题,可以为它们指定字体.样式和动画效果等.那么Chart的主标题.子标题.X轴标题和Y轴标题的参数应该怎样设置呢? Cha ...
如何自定义FusionCharts图表上的工具提示？
中的工具提示是什么?当鼠标悬停在一个特定的数据点上时就会显示工具提示,提示以下信息: 单系列图表(饼图和圆环除外):名称及数值 Pie & Doughnut:名称及数值/百分比多系列组合图表 ...