公司目前正在进行图表选型,主要选择了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