资讯专栏INFORMATION COLUMN

echarts 与 highcharts

王笑朝 / 2784人阅读

摘要:渲染能力采用渲染除了对使用,一般来说,更适合绘制图形元素数量非常大这一般是由数据量大导致的图表如热力图地理坐标系或平行坐标系上的大规模线图或散点图等,也利于实现某些视觉特效如交通图。

一.简介

echarts
echarts是百度公司前端开发的一个图表库,2013年发布第一版,主要采用canvas画图,目前版本3.8.4;完全免费;

highchart
highcharts是国外的一家公司开发的图表库,主要采用svg画图,不支持h5的浏览器采用vml绘制,2009 年发布第一版,目前版本6.0.3;

Highcharts 是国际知名的成熟的商业软件(也开源),商用要付费;

二.对比

兼容性
Echarts:ie9+、Firefox、chrome、safari、opera等;

highcharts :ie6+、Firefox、chrome、safari、opera等;

文档友好程度
Echarts:百度团队开发,中文API;多种实例,支持在线编辑运行js代码;

Highcharts:国外公司开发,支持中文API;多种实例,支持在线编辑运行js代码,文档说明相比echarts更细致详细;

稳定性
Echarts:在个别低版本浏览器会出现bug。

Highcharts:稳定性非常好,适用于各种浏览器,相对于echarts更胜一筹;

图表的丰富程度
Echarts:

1.图表类:支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、雷达图、树状图、象形柱图、关系图、瀑布流图等,形式多样,效果炫酷。

2.3D表现力:柱状图,三维地球,结合百度地图三维展示(效果绚丽)。

3.地图类:结合百度地图(迁徙图、热力图,散点图,交通图),效果酷炫。

Highcharts:

1.图表类:支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等。

2.3D表现力:柱状图,饼状图,气泡图。

3.地图类:2d线性地图(geojson数据)。

社区活跃度
Echarts:国内开发,百度前端团队维护,版本更新速度快,国内不少爱好者尝试发布新实例。

Highcharts:国外公司开发,版本性能稳定,国内外使用者众多。社区更大,比较专业。

渲染能力
Echarts:采用canvas渲染(除了对 IE8- 使用 VML),一般来说,Canvas 更适合绘制图形元素数量非常大(这一般是由数据量大导致)的图表(如热力图、地理坐标系或平行坐标系上的大规模线图或散点图等),也利于实现某些视觉 特效(如交通图)。不过echarts3.8版本会考虑svg和canvas两种渲染方式。动态增加删除节点不灵活,需要重绘。

Highcharts:采用SVG渲染(除了对 IE8- 使用 VML),SVG 渲染器相比 Canvas 渲染器在移动端的总体表现更好。在另一些数据量较大或者有图表交互动画的场景中,目前的 SVG 渲染器的性能还比不过 Canvas 渲染器。在pc端,数据量不大的情况,实例相当。动态增加删除节点灵活,不需要重绘。

三.总结

Echarts:图标样式多样、支持2d和3d地图展示,效果炫酷;兼容性弱;完全免费。

Highcharts:稳定性强;兼容性强;图标样式相对少;比较专业;个人免费,商用收费。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95305.html

相关文章

  • 从一次有趣的实验学习性能优化

    摘要:从一次实验学习性能优化之接口详解下图是接口的属性提供给定页面的与时间相关的性能信息包含了页面浏览上下文的导航信息,比如大量获取资源的重定向。返回当前网页事件的回调函数运行结束时的毫秒时间戳。 从一次实验学习性能优化 Web API之Performance 接口详解 下图是Performance 接口的属性,提供给定页面的与时间相关的性能信息.showImg(https://segmen...

    canger 评论0 收藏0
  • highcharts: 如何解决「移动端将图表旋转90度,tooltip表现不正常」?

    摘要:背景在项目中使用是很容易的,移动端也适配的不错,按照官网教程即可。修改完成后,发现的表现符合预期了。经过测试图表的其他基本功能正常。由于的功能太多,这样的源码修改功能对其他的功能有无影响,还不能完全确定。 背景 在项目中使用highcharts是很容易的,移动端也适配的不错,按照官网教程即可。但是在移动端,由于手机端屏幕太小,需求方希望可以弄一个全屏图,把手机横过来观察曲线。 正常:s...

    Yumenokanata 评论0 收藏0
  • 每周前端开源推荐第六期

    摘要:每周前端开源推荐第六期从名字就可以很容易的看出该项目的作用,解压缩。同时支持浏览器和。是任务调度的项目。初始化定义人物每三分钟触发一次触发一个交互式学习的方式。强烈建议大家先去体验一下的介绍是由百度团队开发的一款开源图表项目。 每周前端开源推荐第六期 43081j / rar.js Pure-JavaScript RAR reader using AJAX, File API...

    Salamander 评论0 收藏0
  • 每周前端开源推荐第六期

    摘要:每周前端开源推荐第六期从名字就可以很容易的看出该项目的作用,解压缩。同时支持浏览器和。是任务调度的项目。初始化定义人物每三分钟触发一次触发一个交互式学习的方式。强烈建议大家先去体验一下的介绍是由百度团队开发的一款开源图表项目。 每周前端开源推荐第六期 43081j / rar.js Pure-JavaScript RAR reader using AJAX, File API...

    channg 评论0 收藏0
  • 每周前端开源推荐第六期

    摘要:每周前端开源推荐第六期从名字就可以很容易的看出该项目的作用,解压缩。同时支持浏览器和。是任务调度的项目。初始化定义人物每三分钟触发一次触发一个交互式学习的方式。强烈建议大家先去体验一下的介绍是由百度团队开发的一款开源图表项目。 每周前端开源推荐第六期 43081j / rar.js Pure-JavaScript RAR reader using AJAX, File API...

    worldligang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<