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


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

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

一、整体对比

对比项目EchartsFusioncharts
概述适用于创建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-)完美支持当前大多数浏览器
数据格式JSONJSON、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调用。

二、图形类型对比

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

三、互动功能对比

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

四、总结

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极客范儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值