Apache ECharts 正式毕业，成为 ASF 顶级项目

点击上方 "编程技术圈"关注, 星标或置顶一起成长

后台回复“大礼包”有惊喜礼包！

每日英文

There's no one that can influence the way you live your life. Sometimes, we just need a bit more confidence to stick with our choices. 

没有人可以左右你的人生，只是很多时候我们需要多一些勇气，去坚定自己的选择。

每日掏心话

最好的旅行，就是在一个陌生的地方，发现一种久违的感动。

来自：架构头条 | 责编：乐乐

编程技术圈(ID:study_tech)第 1130 次推文

往日回顾：35岁腾讯员工被裁员感叹：北京一套房，存款700多万，失业好焦虑

     

   正文   

整理 | 田晓旭

1 月 26 日，Apache 基金会官方宣布 ECharts 项目正式毕业，成为 Apache 顶级项目。

Apache ECharts 是由百度团队开源，并于 2018 年捐赠给 Apache 基金会。这是一款基于 JavaScript 的数据可视化图标库，可以生产直观、可交互、定制化的数据可视化图表。

据悉，在从 Apache 基金会毕业的同时，ECharts 将会发布大版本 ECharts 5。上一个版本 ECharts 4 发布于 2018 年初，当时有些常用图表已经可以支持最高达千万级的数据可视化，支持直接传入包括二维表，key-value 等多种格式的数据源，支持小程序、无障碍访问等，支持以 Canvas、SVG（4.0+）、VML 的形式渲染图表，可跨平台使用。

Apache ECharts 5 将于 2021.01.28 20:00 进行线上发布会。本次新版本将会带来五大模块、十五项新特性的全面升级。

1动态叙事

之前版本中，Apache ECharts 是通过初始化动画和过渡动画帮助用户理解数据变换之间的联系。5.0 版本中，Apache ECharts 大幅度增强了动画叙事能力，借助图表的动态叙事功能，帮助用户理解图表背后表达的故事。

• 动态排序图：Apache ECharts 5 新增支持动态排序柱状图（bar-racing）以及动态排序折线图（line-racing），开发者可以方便地创建带有时序性的图表，展现数据随在时间维度上的变化；

• 自定义系列动画：Apache ECharts 5 在自定义系列中提供了更加丰富强大的动画效果，支持标签数值文本的插值动画，图形的形变（morph）、分裂（separate）、合并（combine）等效果的过渡动画。

2视觉设计

视觉设计不仅是为了让图表更好看，更是为了让用户快速理解图表表达的内容，消除不良设计带来的误解。

• 默认设计：Apache ECharts 5 重新设计了默认的主题样式，针对不同的系列和组件分别做了优化调整，充分考量了颜色之间的区分度、与背景色的对比度、相邻颜色的和谐度等因素，确保色觉辨识障碍人士也能清楚地区分数据。

• 标签：Apache ECharts 5 提供了多种新的标签功能，让密集的标签能清晰显示、准确表意，例如自动隐藏重叠标签、自动排布标签等。

• 时间轴：Apache ECharts 5 支持表达时间标签刻度的时间轴，开发者可以根据不同的需求定制时间轴的标签内容。

• 提示框：Apache ECharts 5 对提示框的样式进行了优化，通过对字体样式、颜色的调整、新增加箭头、跟随图形颜色的边框色等功能，使得提示框的默认展示更清晰。同时，改进了富文本的渲染逻辑，确保显示效果与 HTML 方式一致。提示框内的列表也可以按照数值大小或者类目顺序排序。

• 仪表盘：Apache ECharts 5 对仪表盘的功能作了全面升级，支持了图片或者矢量路径绘制指针、也支持了锚点（anchor）配置项、进度条（progress）、圆角效果等等配置项。

• 扇形圆角：Apache ECharts 5 支持了饼图、旭日图、矩形树图的扇形圆角。

3交互能力

交互能力可以帮助用户更好地了解图表。

在公众号顶级架构师回复“架构整洁”，获取惊喜礼包。

• 状态管理：Apache ECharts 5 在原先的鼠标 hover 高亮的基础上，新增加了淡出其它非相关元素的效果，从而达到聚焦目标数据的目的。同时，为所有系列还添加了点击选中的交互功能。

• 性能提升：Apache ECharts 5 支持脏矩形渲染，解决只有局部变化的场景下的性能瓶颈；实时时序数据的折线图性能优化，，千万级的数据也可以在 1s 内渲染完，并且保持很小的内存占用以及流畅的提示框（tooltip）等交互。

4开发体验

功能强大的可视化工具也需要以更简单的方式被开发者使用。

• 数据集：Apache ECharts 5 加强了数据集的数据转换能力，让开发者可以使用简单的方式实现常用的数据处理，并通过统一的声明式方式来使用这些功能，实现常用的数据操作。

• 国际化：之前 ECharts 的国际化实现是根据不同的语言参数打包出不同的部署文件的形式。Apache ECharts 5 将动态的语言包和静态的代码包分离开。切换语言的时候，只需要加载相应语言包，通过类似挂载主题的方式，使用 registerLocale 函数挂载语言包对象，重新初始化后就完成了语言的切换。

• TypeScript 重构：Apache ECharts 5 的开发之初就使用 TypeScript 对代码进行了重写，TypeScript 所带来的强类型使得新版本中实现了更多新特性。

5可访问性

Apache ECharts 5 中实现了更多提高可访问性的设计，帮助视觉障碍人士更好地理解图表内容。

• 主题配色：新版默认主题样式将无障碍设计作为一个重要的考量依据，并提供了特殊的高对比度主题，以更高对比度颜色的主题将数据作进一步区分。

• 贴花图案：Apache ECharts 5 新增了贴花的功能，用图案辅助颜色表达，进一步帮助用户区分数据。

PS：欢迎在留言区留下你的观点，一起讨论提高。如果今天的文章让你有新的启发，欢迎转发分享给更多人。

版权申明：内容来源网络，版权归原创者所有。除非无法确认，我们都会标明作者及出处，如有侵权烦请告知，我们会立即删除并表示歉意。谢谢!

欢迎加入后端架构师交流群，在后台回复“学习”即可。

猜你还想看

阿里、腾讯、百度、华为、京东最新面试题汇集

基于 SpringBoot 的 MySQL 实现读写分离

为什么牛逼的程序员都不用 “ ! = null " 做判空？

MyBatis动态SQL，写SQL更爽

BAT等大厂Java面试经验总结

别找了，想获取 Java大厂面试题学习资料

扫下方二维码回复「手册」就好了

？