写点什么

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

  • 2021-01-27
  • 本文字数:1772 字

    阅读完需:约 6 分钟

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

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 进行线上发布会。本次新版本将会带来五大模块、十五项新特性的全面升级。

动态叙事


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


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

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

视觉设计


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


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

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

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

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

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

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

交互能力


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


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

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

开发体验


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


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

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

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

可访问性


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


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

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

2021-01-27 23:144665
用户头像

发布了 497 篇内容, 共 341.3 次阅读, 收获喜欢 1927 次。

关注

评论

发布
暂无评论
发现更多内容

如何抓住用户体验的关键时刻?

石云升

用户体验 关键时刻 7月日更

供应链、产品溯源以及区块链所面临的巨大阻碍是什么?

CECBC

10分钟掌握Java性能分析诀窍

安第斯智能云

Java 后端

耗时半年,堪称神迹!阿里架构师整合出258W字Java全栈面试题

Java架构追梦

Java 阿里巴巴 面试 java架构 跳槽

完美收官!字节4面斩下2-2Offer,入职就是30K16薪,全凭这套“面试+架构进阶知识点”pdf

Java 程序员 架构 面试

爬虫入门到放弃03:爬虫如何模拟人的浏览行为

叫我阿柒啊

爬虫 代理IP user-agent

天不生我SpringBoot高级笔记 编程万古无常夜!

白亦杨

Java springboot

网络攻防学习笔记 Day80

穿过生命散发芬芳

网络攻防 7月日更

云原生Web服务框架ESA Restlight

安第斯智能云

云原生

模型端侧加速哪家强?一文揭秘百度EasyEdge平台技术内核

百度大脑

人工智能 深度学习 百度 飞桨

手把手教你,从零开始搭建Spring Cloud Alibaba!这份笔记太牛了

七种颜色的事件风暴法

escray

学习 极客时间 7月日更 如何落地业务建模

技术实践 | 网易云信视频转码提速之分片转码

网易云信

11道高频React面试题及详解,另附有React面试题集合

前端依依

面试 大前端 React

解读新技术,解锁新玩法,HarmonyOS开发者日杭州站等你来参加

科技汇

大数据训练营 - 第二次作业hadoopRPC

西伯利亚鼯鼠

Realtime DB技术详解

安第斯智能云

数据

第七届军博会圆满闭幕,数军科技多项成果获关注

科技热闻

统一预估引擎的设计与实现

安第斯智能云

算法 后端

下一代人工智能:逻辑理解?物理理解?

安第斯智能云

人工智能

场景背后见真章:银行数字化转型持续深入

CECBC

如何实现70%丢包下音视频的高可用 - 数据篇

ZEGO即构

音视频 数据处理 传输协议 弱网环境高可用 Qo

lsyncd实现文件实时同步

阿呆

lsyncd

为什么电脑自带的录屏功能不好用?

淋雨

视频剪辑 Camtasia 专业录屏

星环研发总监为你揭秘TDH8.0的前因后果 | TDH8.0 使用必读 3

星环科技

数据库 大数据 多模型数据

百度智能云人脸离线识别SDK再升级,优化复杂光线识别效果,急速通行无惧暗光

百度大脑

人脸识别 百度智能云

2021InfoComm|钉钉会议 Rooms 的 "全场景" 智能化解决方案

阿里云CloudImagine

音视频 钉钉 视频会议 会议 会议室

干货 | 用JAVA实现多语言翻译组件

LigaAI

Java 国际化

有奖体验活动,最新1.3版本试用

Geek_6cdeb6

人工智能 机器学习 深度学习 学习 AI

Alibaba永远滴神!阿里内部最新Java基础到中高级核心知识手册

Java~~~

Java 编程 程序员 架构 面试

浪潮云说直播间,就在今天!

Apache ECharts 正式毕业,成为 ASF 顶级项目_大前端_田晓旭_InfoQ精选文章