ECharts5.0版本即将上线,来说说我与ECharts的那些事吧!

原创
2020/06/16 16:00
阅读数 12.9W

Apache ECharts (incubating) 一个使用 JavaScript 实现的开源可视化数据图表库。作为一款基于JavaScript的数据可视化图表库,ECharts为用户提供直观,生动,可交互,可个性化定制的数据可视化图表,让项目数据能清晰的被理解和发现差异。

https://oscimg.oschina.net/oscnet/up-9eae46f7731bc5ec5b75004ff110b0c673b.png

回顾过去,ECharts 于 2012 年 8 月立项,2013 年 6 月发布 1.0 版本,一年后的ECharts2.0 成长为了一个成熟的图标库,而2016年的 ECharts 3.0 被广大开发者看作是重生。ECharts 4.0 除了不断提升易用性之外,一直在尝试从数据量,平台,行业三个方向拓展前端可视化的边界

那么ECharts 5.0将会是什么的呢?

ECharts团队用 TypeScript 重构了代码,大幅度提升开发者的工作效率,5.0版本将给你带来全新的使用体验:

高效:静态类型重构代码更高效可靠

直观:阅读源代码更加方便直观

清晰:类型声明让开发者在调用时更清楚的了解参数含义及类型

ECharts5.0如何让开发者获得全新体验?

增强动画效果

-通过动态排序柱状图、动态走势折线图,增强图表讲故事的能力

标签更灵活、直观,视觉效果更佳

-标签文字自动布局,支持回调

-将开发者指定的位置作为一个锚点,并在其周围进行调整以避免重叠

更强大的自定义系列图表,实现特殊的图表需求

-开发者可以在renderItem函数中指定动画属性

-提供更多的API,帮助开发者获得绘制图表所需的数据

内置的数据集数据处理功能

从ECharts 4.0开始引入Dataset,开发者可以摆脱大部分的数据处理代码,除了深度集成带来的使用便利,还可以轻松地找到原始数据和统计结果之间的基础联系

提供更多交互状态

-聚焦悬浮元素时淡出其他元素

-在图表初始化时高亮特定数据,在交互过程中显示更加突出

性能改进

-降低初始化时长、内存占用,利用脏矩形渲染改善大数据图表的交互体验

-减少初始化时间和堆内存成本,尤其是在线图使用中

另外,在ECharts5.0版本中,我们将优化更多细节,例如:

  1. 增强 "时间 "类型轴
  2. 不同的时间单位有不同的格式
  3. 更灵活的时间间隔配置:每个刻度可以配置作为'每月的第n天'
  4. 对齐两边的轴心刻度
  5. 更详细的图例样式
  6. 带SVG数据源的地图

更多ECharts5.0的全新特性,期待你去发现。

从2012年8月立项至今,ECharts已经陪伴开发者走过了八年的时光,除了不断提升用户体验之外,ECharts也在赋能行业的同时,与开发者共同进步。

在5.0版本发布之际,ECharts联合开源中国发起【我与ECharts的那些事】有奖征集活动,希望能收集用户或开发团队与ECharts的点滴故事,见证我们一路以来的变化与成长。

活动时间:6月17日-6月28日

参与方式:

  • 在博客评论留言你与ECharts的小故事,字数不限。

可以讲述你与 ECharts 相识相知的故事,讲述ECharts给你带来的变化,可以是你独特的ECharts使用方法,也可以是只属于你的ECharts使用场景,任何与ECharts有关的对你来说有意义的小故事和小插曲都是我们想要知道的。

  • 如有作品,请在ECharts社区上传作品,带上【我的故事】tag即可。

关于奖励发放:

628日我将抽出10位参与活动的开送出精美ECharts周边礼品。

奖励多多,快来参与吧~

*活动最终解释权归开源中国所有*

 

展开阅读全文
打赏
13
12 收藏
分享
加载中
Echarts 确实越做越好
02/22 14:29
回复
举报
希望更好用,更简单
2020/06/29 09:59
回复
举报
4.0的一部分bug在5.0 里都解决了吧?千万不要带着bug升级
2020/06/29 08:34
回复
举报
N年前我用的还是FusionChart
2020/06/28 17:02
回复
举报
N年N年以前,还在为HighCharts使用而苦恼。数年数年后Echarts真的是JS的图表救星~
2020/06/19 00:40
回复
举报
我记得当年HighCharts要授权,自己偷偷地使用。
2020/11/18 17:53
回复
举报
前两天看到一个比较炫酷的案例,用ECharts做了一个三维游戏,真的挺赞的,像堆积积木似的
2020/06/18 15:24
回复
举报
不知不觉已经8年啦,真的是很实用的工具:bowtie:
2020/06/18 12:04
回复
举报
第一次解决图表业务时,查了chart.js,flot,苦逼于字母文档,一直没搞懂。然后echarts出现在了,哇,示例这么全!哇,全中文文档!哇,百度开发的!噢,捐给阿帕奇了?牛,可以定制下载!
2020/06/18 11:15
回复
举报
哪里捐给apache了?apache官网上面没有。
2020/06/18 18:22
回复
举报
2020/06/19 09:08
回复
举报
百度为数不多的好东西
2020/06/18 10:20
回复
举报
记得D一次认识Echarts、了解、到使用是毕业后进的D一家公司。因为刚毕业,技术上面很多空白,进公司后的大概一个月,因为有几个模块的需要用到图表展示,pc端和app都需要(我学的是Java,当时流行前端页面也是后端来写)。需求页面样例给到我的时候真的心慌慌,因为以前根本就没接触到这一块,还好我们当时的主管很nice,可能看出来我有困难,然后给我发了些页面案例和一个网址。这个网址就是Echarts官网。这是我D一次接触到Echarts。D一眼进去看到的感觉,内心OS:"wc,挺炫酷"。后来通过看api文档,查资料,完成了需求。看到页面上因为自己写的代码,图表能够变化来变化去的,此时的内心感到很满足:“真香!”。
2020/06/18 09:07
回复
举报
敏感词检测机制真的好难猜,我都不知道我那里用违规词了,我改了半天😣
2020/06/18 10:50
回复
举报
妙啊,兄dei,有没有一些作品可以分享出来看看的啊
2020/06/18 11:14
回复
举报
更多评论
打赏
22 评论
12 收藏
13
分享
返回顶部
顶部