温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Apache ECharts5有哪些新特性

发布时间:2021-12-14 09:32:35 来源:亿速云 阅读:461 作者:iii 栏目:云计算

本篇内容主要讲解“Apache ECharts5有哪些新特性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Apache ECharts5有哪些新特性”吧!

动态叙事

之前版本中,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 新增了贴花的功能,用图案辅助颜色表达,进一步帮助用户区分数据。

到此,相信大家对“Apache ECharts5有哪些新特性”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI