# 饼图
饼图是一种常见的数据可视化工具，它通过将数据表示为一个饼图的形式，来展示数据的比例或百分比。
在左侧组件区域，从"图表控件"中，选择"饼图"组件，并拖拽至设计区，如[图1]所示。
图1拖拽饼图组件到设计区并设置属性   
![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001962789208.png)
#### 基础配置
- 标题：该模块在页面呈现给用户的名称。
- 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902182518.png)。
- 描述信息：为字段添加附加的说明信息。
- 图例：指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。
  - 设置图例位置：可选择"上方"、"右侧"、"下方"和"左侧"。
    图2设置图例位置为上方   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001940494129.png) 
  
  - 设置图例内容：设置图例展示内容。
    图3图例内容为分析维度   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902196478.png)
    图4图例内容为分析维度 百分比   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902198026.png)
    图5图例内容为分析维度 值   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001939998097.png)
    图6图例内容为分析维度 值 百分比   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001939998621.png) 
   
- 数据标签：用于描述数据的元数据。
  - 设置数据标签位置：可设置为"外部"或"内部"。
    图7外部数据标签   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902052318.png)
    图8内部数据标签   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902211706.png) 
  
  - 设置标签内容：设置标签展示内容。
    图9标签内容为分析维度   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902217020.png)
    图10标签内容为分析维度 百分比   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001903174688.png)
    图11标签内容为分析维度 值   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902220220.png)
    图12标签内容为分析维度 值 百分比   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001940019949.png) 
   

- 百分比位数：设置百分比显示小数位的位数。默认不展示小数位，最大可设置为10位。
 
#### 样式配置
- 样式：设置饼图样式，目前支持基础饼图、环形图、玫瑰图和南丁格尔图四种样式。
  - 基础饼图：最基础表现形式，即通过饼图的方式，将数据信息清晰的展示在可视化应用上。
  
  - 环形图：为基础的统计图表，用于显示一个整体中各部分的比例关系。
  
  - 玫瑰图：通常用于显示数据的频率或分布情况。玫瑰图的形状类似于一个花朵，其中每个扇形表示一个数据类别，扇形的大小表示该类别的频率或数量。
  
  - 南丁格尔图：通常用于比较不同类别的数据或者展示某一类别的数据在不同类别中的占比情况。
  
  
  图13设置饼图样式   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001940083493.png) 
- 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0\~100px。 ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000002036505381.png)
  
- 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0\~100px。
- 边框：
  - 位置：设置边框的位置，支持配置上、下、左、右和四周。
  
  - 宽度：设置边框的宽度。默认值为0px，范围为0\~50px。
  
  - 样式：设置边框样式，根据需求选择"无"、"圆点"、"虚线"和"实线"。
  
  - 颜色：设置边框显示的颜色。
  
  
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001940494153.png)
  
- 圆角：给元素添加圆角效果，设置圆角的大小和位置。 默认值为0px，范围为0\~500px。
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001903174708.png)
  
- 背景：设置组件样式的背景颜色。
- 阴影：
  - X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围\[-100, 100\]。
  
  - Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围\[-100, 100\]。
  
  - 模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围\[0, 100\]。
  
  - 扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围\[-100, 100\]。
  
  - 颜色：设置阴影的颜色。
  
  
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001903014792.png)
  
 
#### 数据配置
数据配置完成后，需单击"更新数据"，进行数据刷新。刷新数据间隔时间至少为5秒，请勿频繁单击。
- 数据源：下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示，创建表单详情请参见[如何创建一个表单](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0066.html)。
- 分析维度：选择表单中数据分析的维度，例如商品类型。可自定义排序方式及重命名。
  图14设置分析维度   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001940494157.png) 
- 数据汇总指标：指每个类别的数据值，通常表示为一个百分比或一个具体的数值。
  - 选择字段：选择数据分析指标字段，例如已售出数量。 当分析维度选择字段为子表单字段时，数据汇总指标字段也只能从子表单中选择。
    
  
  - 字段重命名：可对数据汇总指标进行重命名。
  
  - 汇总方式：数据分析的汇总方式，支持求和、平均值、最大值、最小值、计数及去重计数。
    - 非数字类型组件，例如，单行文本输入，多行文本输入，单选、复选框、日期选择器、备注等，仅支持计数和去重计数的汇总方式。
    
    - 数学类组件，例如，数字输入框，支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。
     
  
  - 排序方式：根据需求自定义排序方式，可选择默认、升序或降序。
  
  
  图15设置数据汇总指标   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001903174712.png) 
- 数据筛选：设置过滤条件，筛选数据源符合条件数据信息。
  图16设置数据筛选条件   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001902881852.png)