“AI 技术+人才”如何成为企业增长新引擎?戳此了解>>> 了解详情
写点什么

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:143889
用户头像

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

关注

评论

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

类似Redmine,但更好的7款项目管理工具

PingCode

项目管理 项目管理软件 Redmine

理解并实现自动导入(Auto Import)功能的原理

Lee Chen

JavaScript

AI都会写脚本了,传统的运维工程师会失业吗? | 社区征文

wljslmz

AI 运维工程师 三周年征文

中国网约车领域月度观察2023年04月

易观分析

网约车 出行服务

软件测试/测试开发丨Python学习笔记之封装、继承、多态、模块

测试人

Python 软件测试 自动化测试 测试开发

麻了,一个操作把MySQL主从复制整崩了

JAVA旭阳

Java MySQL

从IDC数据库安全报告,看OceanBase安全能力

OceanBase 数据库

数据库 oceanbase

AI数据采集的挑战和解决方案

来自四九城儿

大数据如何助力营销(1)市场调研

MobTech袤博科技

专访惠众科技|元宇宙应用如何借助3DCAT实时云渲染实现流畅大并发呈现?

3DCAT实时渲染

元宇宙 实时渲染云

2023-05-10:给你一棵以 root 为根的二叉树和一个 head 为第一个节点的链表 如果在二叉树中,存在一条一直向下的路径 且每个点的数值恰好一一对应以 head 为首的链表中每个节点的值,

福大大架构师每日一题

Go 算法 rust 福大大

云原生应用交付流程安全规范

穿过生命散发芬芳

安全规范 三周年连更

挑战与机遇,全面预算管理的执行计划

智达方通

盘古云课堂加入 PolarDB 开源数据库社区

阿里云数据库开源

polarDB PolarDB-X PolarDB-PG PolarDB for PostgreSQL 阿里云瑶池数据库

浅谈如何做好知乎内容营销:需要注意哪些细节

石头IT视角

在SDN技术盛行的时代,网络工程师需要不断学习新技术跟上时代的步伐 | 社区征文

wljslmz

sdn 三周年征文

AI别来搅局,chatGPT的世界不懂低代码

引迈信息

人工智能 低代码 ChatGPT JNPF

AntDB数据库体验室上线啦!一站式培训+实操,带您感受“电信级”国产数据库的魅力

亚信AntDB数据库

AntDB AntDB数据库 企业号 5 月 PK 榜

2023 开源之夏|和 Milvus & Towhee 一起玩转 AI、享开源、得奖金

Zilliz

Milvus Zilliz 向量数据库 Towhee 开源之下

可计算存储是否真的与众不同?

ScaleFlux

压缩数据 计算与存储 固态硬盘

腾讯云和ScaleFlux联合推出可计算存储与大容量QLC NAND解决方案

ScaleFlux

腾讯云 数据中心 降本增效 企业级SSD SSD寿命

HTTPS 的加密过程及其工作原理

wljslmz

https 三周年连更

体验MMGPT本地部署(上)

IT蜗壳-Tango

三周年连更

来了!昇腾MindStudio全流程工具链分论坛精彩回顾,助力高效开发和迁移效率提升

Geek_2d6073

通过自定义域名 + SSL 的方式访问 Amazon MQ for RabbitMQ

亚马逊云科技 (Amazon Web Services)

澳鹏与 Reka AI 强强联合,构建高质量的多模态 LLM 应用

澳鹏Appen

人工智能 数据标注 生成式AI

用LeangooScrum敏捷工具做缺陷管理和迭代规划和迭代执行

顿顿顿

Scrum 敏捷开发 敏捷项目管理 敏捷工具 scrum敏捷工具

软件测试丨Pytest-运行用例、常用参数、执行pytest、异常处理

测试人

软件测试 自动化测试 测试开发 pytest

Flink中的时间及窗口类型

阿泽🧸

flink 三周年连更

[杂谈]大型JSON数据切分(Java Jackson)

alexgaoyh

json elasticsearch Jackson 分割

Redis Operator在中原银行实践落地及能力创新

中原银行

redis 云原生 operator redis operator

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