饼图、环形饼图、轮播饼图

更新时间:2020-02-10

饼图可以用来展示各类别占⽐,适⽤于展现数据分布情况;轮播饼图是饼图的⼀种,⽀持以轮播的⽅式展示各类别的占⽐或数值;环形图是挖空的饼图,中间区域可以展现数据或者⽂本信息;玫瑰饼图通过扇形的半径长短来展示数据大小,适用于对比不同类别的数值大小。

饼图的数据绑定

如展示各个「产品类别」的「销售额」占比:

图片

饼图的时间轴功能

当需要大量数据在前端根据时间自动进行展示时,可以开启时间轴,将数据按照时间轴进行轮播展示:

图片

时间轴可以搭配「基础」->「开启图表动画」中的「数据变更时的动画时长」和「动画延迟」等配置,使过渡动画更加自然流畅。

图片

可以通过「高级」->「时间轴设置」进行时间轴样式设置:

图片

自定义配色

在「基础」面板中可以开启自定义配色,支持渐变色、阴影等效果:

图片

饼图的高级设置

饼图的高级设置比较简单,只与呈现形式有关,用户可以根据需要开启对应的选项,如下介绍常见的几项:

环形图

图片

南丁格尔玫瑰

图片

轮播饼图

饼图可以开启「轮播」效果,依次高亮展示饼图每部分的具体占比数据,在大屏中非常有用。如下图「高级」面板中可「开启饼图轮播」:

图片

饼图在开启了轮播和联动之后,可以通过设置「轮播同步图表联动」,在每个扇形轮播的同时,触发下级图表的联动,详见「图表联动」。

本页内容