跳转到主要内容
饼图控件
超过 5 个月前更新

使用饼图控件来展示信息,通过圆形图形直观显示数值比例。

使用饼图控件展示统计数据很简单。在这里,你可以使每个部分呈现不同的颜色,并选择在图表上方、下方或悬停时显示信息。

饼图控件是数据分析中最引人注目的控件之一,它拥有漂亮的布局和多功能的设置。你可以通过工具提示来丰富它的功能,设置高度和动画持续时间,选择最合适的颜色等。


添加饼图到页面

首先,在控件添加面板中找到饼图控件。然后,将其拖放到页面上的某个部分或容器中。


选择数据源

选择目标数据列表作为创建饼图的源内容。

打开“内容 > 数据源”区块,在“应用程序”部分,默认选择当前应用程序。然后,继续前往“列表”部分,选择所选应用下的数据列表。

“数据过滤”部分,点击条件按钮来过滤所选数据列表的数据。


类别和值

饼图是一种在圆形图中显示数据的图表。图表的每个部分与每个类别在整体中的比例成比例。换句话说,每个饼图的切片都与该组整体中该类别的大小相对应。整个“饼”代表整体的100%,而饼图的“切片”代表整体的一部分。

打开“内容 > 图表”区块,选择此饼图的类别、子类别和值字段。

类别:从所选数据列表中选择一个字段作为这个饼图的类别。例如,选择行业作为客户列表的类别。

子类别:饼图支持两层类别。子类别是可选的。如果你想展示两种类型的类别,可以选择另一个字段作为第二类别。

值:选择一个字段来计算这个饼图的值,以及计算结果的方法。对于数值字段,计算类型可以是计数(记录数量)、总和(记录总值)、独立计数(数据中唯一值的计数)、平均值、最大值或最小值。

专业提示

设置好类别和值字段后,请点击顶部工具栏右上角的“提交”按钮生成饼图。


饼图设置

图表高度:设置这个饼图控件的高度。

标签:显示/隐藏饼图上的标签。

线条:显示/隐藏图形各部分之间的线条。

饼图标题

显示:开启以显示饼图的标题。

图表标题:输入标题文本,或设置动态内容作为标题文本。

标题位置:设置标题的显示位置,为图表前或图表后。

文本对齐:设置标题的对齐方式,可选左对齐、居中、右对齐或两端对齐。

饼图图例

显示:开启以显示饼图的图例。

位置:设置图例在饼图周围的显示位置。

饼图工具提示

启用:开启以显示饼图的工具提示。

数字后缀:设置工具提示上数字的后缀。


饼图控件的样式设定

标题

  1. 文字颜色:设置标题的颜色。

  2. 排版:设置标题的排版。

  3. 边距:以PX、%、em、rem、vw、计算值设置标题的边距。

  4. 内边距:以PX、%、em、rem、vw、计算值设置标题的内边距。

  5. 文字阴影:调整盒式阴影选项。

标签

  1. 字体系列:设置标签的字体系列。

  2. 大小:设置标签的字体大小。

  3. 重量:设置标签的字体重量。

  4. 样式:设置标签的字体样式。

  5. 文字颜色:设置标签的颜色。

图例

  1. 字体系列:设置图例的字体系列。

  2. 大小:设置图例的字体大小。

  3. 重量:设置图例的字体重量。

  4. 样式:设置图例的字体样式。

  5. 行高:设置图例的行高。

  6. 文字颜色:设置图例的颜色。

工具提示

  1. 背景颜色:设置工具提示容器的背景颜色。

  2. 内边距:以PX、%、em、rem、vw、calc设置工具提示容器的内边距。

  3. 文字阴影:调整盒式阴影选项。

  4. 标题:设置工具提示的标题样式。

  • 字体系列:设置工具提示标题的字体系列。

  • 大小:设置工具提示标题的字体大小。

  • 重量:设置工具提示标题的字体重量。

  • 样式:设置工具提示标题的字体样式。

  • 行高:设置工具提示标题的行高。

  • 文字颜色:设置工具提示标题的颜色。

5. 值:设置工具提示中值的样式。

  • 字体家族:设置工具提示值的字体家族。

  • 大小:设置工具提示值的字体大小。

  • 重量:设置工具提示值的字体重量。

  • 样式:设置工具提示值的字体样式。

  • 行高:设置工具提示值的行高。

  • 文字颜色:设置工具提示值的颜色。

高级设置

设置适用于此控件的高级选项。

这是否解答了您的问题?