摘要:ECharts和FusionCharts都作为不错的前端图标组件,下文我们就比较一下他们之间有哪些区别,以及性能上的优缺点。整体对比:对比选项EchartsFusioncharts开发商国家中国印度供应商百度InfoSoft Global是否开源是否研发团队百度商业
ECharts和FusionCharts都作为不错的前端图标组件,下文我们就比较一下他们之间有哪些区别,以及性能上的优缺点。
整体对比:
对比选项 | Echarts | Fusioncharts |
开发商国家 | 中国 | 印度 |
供应商 | 百度 | InfoSoft Global |
是否开源 | 是 | 否 |
研发团队 | 百度商业前端数据可视化团队 | FusionCharts Team |
图形效果 | ||
图形类型 | ECharts提供的图表(共9类14种)支持任意混搭:折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图、地图、力导布局图 | 支持超过90种图表类型和550种地图 |
文档与资源 | 发布时间尚短,网站上只有简单的API和样例,地址:http://echarts.baidu.com/doc/doc.html | 具有非常详细的API和种类繁多的样例,地址:http://docs.fusioncharts.com/charts/ |
文档与资源语言 | 中文,易于理解阅读 | 英文,比较容易理解 |
入门时间 | 时间较短 | 15分钟 |
实现技术 | 基于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-) | 完美支持当前大多数浏览器 |
移动设备 | Mac、iPad、iPhone 和大量其他移动设备上无缝运行。 | |
数据格式 | JSON | JSON、XML |
支持大数据量 | canvas渲染渲染10万个圆仅需500ms左右 | Flash渲染速度快 JavaScript渲染速度很慢,不适用大数据量 |
导出功能 | ECharts1.3.1版本提供了两个新方法: 1.通过getDataURL()方法获取当前图表的Base64图片dataURL 2.通过getImage()方法获取一个当前图表的img | Flash渲染可以通过prepareImageDataStream()获取当前图表的RLE图片dataURL JavaScript渲染可以通过getSVGString()方法获取当前图表的SVG图片dataURL |
导出限制 | 生成dataURL速度快,渲染后不需要看图也可以导出 | 生成dataURL速度慢,渲染后必须看图才可以导出 |
支持客户 | Echarts是免费的,无法统计客户信息 | Fusioncharts XT 这款出色的图表组件深受超过 118 个国家 21,000 客户(包括大部分财富 500 强公司)和 450,000 用户的信赖 |
支持语言 | 支持多种语言 | |
网站地址 | http://echarts.baidu.com/ | http://www.fusioncharts.com/ |
最早版本 | Echarts 1.1.0 | |
最早发布时间 | 2013年7月初 | |
最新版本 | ECharts 1.3.1 | FusionCharts V3.3.1 SP3 |
最新发布时间 | 2013.11.22 | 2013.11.25 |
费用 | 免费 | 根据购买的产品的种类和多少费用不等 |
售后服务 | 暂无 | 提供优质的后期技术支持,技术支持网站地址:http://support.fusioncharts.com/ |
优点 | 1.人和图互动性非常好,功能特点明显,不再是单一的展示图形 2.支持大数据量,展示速度快 3.提供了Zrender接口,可以深度开发图形 4.混搭功能可以自由搭配图形,结合联动功能可以做到图内互动 5.遵循AMD模块化标准,图表按需加载 6.图形本身提供很多工具,可以完成数据区域选择、画趋势线、图形柱线转换、数据编辑等功能 7.简单比较容易学习 | 1.Fusioncharts被超过118个国家21,000客户(包括大部分财富500强公司)和450,000用户的所信赖。 2.拥有惊人种类数量的图表 3.可以通过HTML5和FLASH呈现 4.简单易学——15分钟轻松搞定 5.适用于所有的WEB技术 6.具备综合图表套件 7.智能报告 8.广泛的JavaScript API 9.可更改调整源代码 10.精湛的技术支持团队 |
缺点 | 1.产品时间短,用户数、图形种类、技术支持等方面都不是很完善 2.图形种类数量少,不支持3D图、特殊图形(仪表图、标尺图等) 3.无法获得相关的技术支持 4.相关的文档和API介绍不是很详细 | 1.JavaScript渲染速度很慢,不适用大数据量 2.各图形之间不能混搭,展示单调 3.人和图的互动性较差,只能对渲染的图形进行简单的调整 |
图形类型对比:
# | ECharts | Fusioncharts |
柱状图(条形图) | Yes | Yes |
折线图(面积图) | Yes | Yes |
饼图(环形图) | Yes | Yes |
散点图(气泡图) | Yes | Yes |
雷达图 | Yes | Yes |
3D类图形 | No | Yes |
K线图 | Yes | Yes |
力导布局图 | Yes | No |
和弦图 | Yes | No |
地图 | Yes | Yes |
特色图表(如仪表盘) | No | Yes |
大规模散点图(百万级数据) | Yes | No |
多维度堆积 | Yes | Yes |
混搭 | Yes | No |
总计 | 共9类14种 | 90种图表类型 550种地图 |
注意:
Echarts没有联合图的概念,只能是多重类型图的混搭;
Fusioncharts没有混搭的概念,只能生成本身定义好的图形种类。
互动功能对比
# | ECharts | Fusioncharts |
拖拽重计算 | Yes | No |
数据视图 | Yes | No |
图片导出 | Yes | Yes |
动态类型切换 | Yes | No |
值域漫游 | Yes | No |
数据区域缩放 | Yes | No |
图例开关 | Yes | Yes |
动态数据 | Yes | Yes |
标线辅助 | Yes | No |
混搭 | Yes | No |
总结 | 提供了一个功能强大的界面操作工具 | 基本的页面操作 |
支持的数据量级数整理和对比
echart加载速度、稳定性、支持的数据量均较fusioncharts在本机测试有一定优势。
注意:
1.echart和fusioncharts都用的是多序列线图且都是两个序列(无锚点,线宽为1)。
2.两类图形的div大小一致,画布大小调节后基本一致。
欢迎关注豚客企服公众号,开公司找服务,上豚客企服!
扫二维码关注超博官微
扫二维码关注豚客官微
超博网络是高新技术企业,提供网站建设、域名主机、手机APP开发、微信小程序、企业管理软件开发和电子商务运营的一站式企业互联网+服务供应商
广西超博网络科技有限公司 All right reserved
中华人民共和国增值电信业务经营许可证号 桂B2-20190162号 | ICP证:桂ICP备05000221号-1