写点什么

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

2021 年 1 月 27 日

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 年 1 月 27 日 23:143169
用户头像
田晓旭 InfoQ 编辑

发布了 471 篇内容, 共 214.0 次阅读, 收获喜欢 1457 次。

关注

评论

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

滴滴推理引擎IFX:千万规模设备下AI部署实践

滴滴技术

人工智能 学习 AI 滴滴技术 IFX

滴滴数据仓库指标体系建设实践

滴滴技术

大数据 数据仓库 滴滴技术

滴滴云平台事业群——就是稳!

滴滴技术

招聘 滴滴技术 滴滴云平台事业群分享月

实时数仓在滴滴的实践和落地

滴滴技术

大数据 滴滴技术 数据通道服务

Zeppelin SDK :Flink 平台建设的基石

Apache Flink

flink

数据分析之伯克森谬误:颜值和性格真成反比吗

KAMI

人生 数据分析 数据

在Rust里面嵌入python代码

lipi

Python rust

可编程网卡芯片在滴滴云网络的应用实践

滴滴技术

云计算 芯片 滴滴技术

滴滴七层接入平台实践和探索

滴滴技术

运维 滴滴技术 微服务治理 七层接入

物联网的银河,华为的桨,少年的歌

脑极体

C/C++函数指针与指针函数

C语言与CPP编程

c++ C语言 函数指针

缓冲区溢出

C语言与CPP编程

c++ C语言 缓冲区 堆栈溢出

腾讯大牛半年心血高级编程PDF,帮你轻松构建企业级Web应用

周老师

Java 编程 程序员 架构 面试

自定义线程池来实现文档转码

架构师修行之路

Redis做消息队列全攻略

架构师修行之路

redis MQ 消息队列

【Spring注解驱动开发】AOP核心类源码解析,这是最全的一篇了!!

冰河

spring aop ioc

架构师 0 期第十二周命题作业

何伟敏

滴滴ElasticSearch千万级TPS写入性能翻倍技术剖析

滴滴技术

大数据 elasticsearch 滴滴技术

滴滴Ceph分布式存储系统优化之锁优化

滴滴技术

云计算 分布式存储 Ceph 滴滴技术

滴滴数据通道服务演进之路

滴滴技术

大数据 滴滴技术 数据服务通道

出自字节技术专家之手的SpringBoot全栈开发实战,真香

周老师

Java 编程 程序员 架构 面试

基于Prometheus的微服务应用监控

易观大数据

分布式QoS算法解析

焱融科技

分布式 算法 焱融科技 分布式文件存储 QoS

拥抱K8S系列-03-服务器部署应用和docker部署应用区别(MySQL篇)

张无忌

MySQL Docker 运维

GPU虚拟机创建时间深度优化

滴滴技术

云计算 虚拟化 滴滴技术

【高并发】要想学好并发编程,关键是要理解这三个核心问题

冰河

写作 多线程 高并发 同步 分工

指针变量的传值和传址

C语言与CPP编程

c++ 指针 C语言

突破传统 区块链如何实现病历永存

CECBC区块链专委会

区块链 电子病历 信息共享

区块链技术成为金融业务应用热点

CECBC区块链专委会

区块链 人工智能 金融

1.Flink检查点算法-15

小知识点

scala 大数据 flink

c语言函数指针之回调函数

C语言与CPP编程

C语言 回调函数 函数 函数指针

4月17日 HarmonyOS 开发者日·上海站

4月17日 HarmonyOS 开发者日·上海站

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