本文对比了ECharts和FusionCharts两款JavaScript图表库，从整体特性、图形类型、互动功能等方面进行详细分析。ECharts开源且支持更多图形混搭，适合大数据量渲染；FusionCharts则提供丰富的图表类型和地图，支持3D。两者在互动功能上各有优势，ECharts支持拖拽重计算和数据视图，FusionCharts则在向下钻取和趋势线方面表现出色。总体而言，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
扫一扫
258
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
