历史版本21 :饼图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

饼图用于分析数据的占比,用户可通过饼图很直观的看到每一个部分在整体中所占的比例。如下图所示:

1636440095960093.png

1.2 基本要求

图表效果维度字段指标字段
环形饼图/普通饼图11

1.3 图表特点

优点:明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。

缺点:不适合较大的数据集(分类)展现,当比例接近时,人眼很难准确判别。

2. 环形饼图编辑

2.1 创建组件

1)管理员进入平台,点击「仪表板>新建仪表板>确定」。如下图所示:

3.png

2)点击「添加组件」,选择「访问阶段统计事实表」。如下图所示:

14.png

3)将「访问平台」字段拖入维度,「总停留时间」字段拖入指标。如下图所示:

6.png

4)在图表类型下选择「饼图」。如下图所示:

7.png

2.2 图形属性

图形属性更多设置请参见:图形属性

2.2.1 设置标签

1)将「访问平台」、「总停留时间」拖入「标签」内,使其在图形中显示,并设置「居外」显示标签。如下图所示:

8.png

2)「总停留时间」字段下拉点击「快速计算>占比」,显示饼图各部分占比。如下图所示:

9.png

2.2.2 设置颜色

点击「颜色」栏,配色方案选择「清新多彩」。如下图所示:

10.png

2.3 去掉图例

更多组件样式设置请参见:图表组件样式

点击「组件样式>图例」,取消勾选显示全部图例按钮。如下图所示:

15.png

2.4 效果预览

2.4.1 PC 端

效果如下图所示:

1636439513837869.png

2.4.2 移动端

App 及 HTML5 端效果如下图所示:

2.jpg

3. 普通饼图编辑

重复本文 2.1-2.3 节内容。

3.1 设置半径

点击「半径」栏,修改半径大小,将内径占比设置为0%,将环形图变为饼图。如下图所示:

注:可以在半径或者角度中拖入字段,饼图的半径和角度大小按照字段排序。详情请参见:半径角度

14.png

3.2 效果预览

3.2.1 PC端

效果如下图所示:

1636440151573310.png

3.2.2 移动端

App 及 HTML5 端效果如下图所示:

22.jpg

4. 注意事项编辑

4.1 多个维度/指标

横纵轴支持拖入多个字段多维度多指标展示,比如再按照「访问最后阶段」查看不同平台的用户浏览时间的变化,将「访问最后阶段」字段拖入横轴或纵轴中。

  • 拖入横轴效果如下图所示:

16.png

  • 拖入纵轴效果如下图所示:

17.png

4.2 后五项合并为其他

用户场景:希望指标字段的后五名合并为其它,在饼图上显示。

思路:用 新增列-分组赋值 实现。

1)找到要制作饼图的表数据,本文示例为「访问阶段统计事实表」,创建自助数据集。如下图所示:

2.png

2)全选表字段。如下图所示:

3.png

3)数据预处理,示例中表数据太多,先分组汇总下。

实际操作中用户根据需求,看是否要做此步骤。

4.png

4)数据排下序,由于后五名要合并为其它,需要确认下前六名值所在的区间。如下图所示:

6.png

5)新增列-分组赋值。如下图所示:

保存并更新该自助数据集即可。

9.png

6)用这个自助数据集做饼图,将「分组」字段拖入维度,「总停留时间」拖入指标即可。

10.png