饼图
一、组件说明
饼图是一种常用于展示各组成部分在整体中所占比例的图表类型。它通过将圆形划分为扇形区域，直观展示各项数据的占比关系，适用于占比分析、构成分析等业务场景。
进阶类型包括：玫瑰图（即角度一致、高度体现数据差异）与环状图（饼图中空）。
二、功能配置
饼图支持灵活的数据绑定、权限控制与字段配置，确保图表按需展示。
1. 数据源选择
支持以下两类数据源：
- 表单数据源：从系统表单中提取结构化数据。
- 聚合表数据源：基于多个数据表聚合计算后的结果。
（图片示例：数据源选择界面）
预留图片位置
2. 数据权限控制
可设置用户可访问的数据范围：
- 关联人员权限数据：用户只能查看有权限的数据。
- 全部数据：图表展示所有数据，无权限限制。
（图片示例：权限控制设置）
预留图片位置
3. 可配置项说明
| 配置项 | 说明 |
|---|---|
| 纬度 | 设置用于分组的字段，如“部门”、“产品名称”等，决定扇形分区。 |
| 指标 | 指定用来计算各扇形大小的字段，如“销售额”、“数量”等。 |
| 显示前 N 条 | 限制最多展示的维度项，避免图表过于拥挤。 |
| 筛选 | 可设置条件筛选字段值，如“地区=华东”。 |
| 排序 | 对指标值进行升序或降序排序，控制图表中扇形排列顺序。 |
（图片示例：字段选择与过滤设置界面）
预留图片位置
三、样式配置
饼图样式支持图形形态、图例样式、标签配置等多方面设置，以满足不同展示需求。
1. 饼图类型
可选图表形态：
- 默认饼图：经典扇形展示，每个扇形代表一个维度项。
- 玫瑰图：所有扇形角度相等，数值通过半径高低区分，更具视觉冲击力。
- 环状图：在饼图中部留白，呈现中空环形结构。
（图片示例：三种饼图类型对比展示）
预留图片位置
2. 图例样式设置
| 配置项 | 说明 |
|---|---|
| 图标尺寸 | 设置图例图标的宽度与高度，单位为 px。 |
| 图例间距 | 图例项之间的上下/左右间距，提升排版美观度。 |
| 字体与大小 | 设置图例文字的字体类型与大小。 |
| 文字颜色 | 图例文字的颜色，可根据主题自定义。 |
| 图例区域宽度 | 设置图例所占的整体宽度，适用于布局紧凑时控制宽度限制。 |
| 文本溢出处理 | 超出宽度后，图例项文字的处理方式：省略号 或 自动换行。 |
| 列数 | 设置图例横向显示的列数，支持自动换行。 |
| 图例位置 | 可设置图例显示在图表的上方、下方、左侧、右侧。 |
| 图例内容显示 | 支持以下展示组合：①仅显示维度项 ② 维度 + 指标值 ③维度 + 百分比 |
（图片示例：图例多样化样式示意图）
预留图片位置
3. 圆形配置
| 配置项 | 说明 |
|---|---|
| 半径 | 设置饼图或环形图的大小，单位为相对比例（如80%）。 |
| 间距 | 控制饼图与容器或其他元素之间的距离，适用于图表对齐场景。 |
（图片示例：不同半径与间距的视觉差异）
预留图片位置
4. 数据标签设置
可在每个扇形上展示数值或百分比，增强数据可读性。
| 配置项 | 说明 |
|---|---|
| 标签开关 | 是否开启扇形标签展示 |
| 显示指标值 | 展示各项具体数值（如“销售额 32”） |
| 显示百分比 | 展示各项所占百分比（如“32%”） |
提示：可同时开启数值和百分比，或选择性展示。
（图片示例：数据标 签展示对比图）
预留图片位置
四、典型使用场景
饼图适合展示构成比例和对比关系，常见应用包括：
市场份额分析
展示各品牌、产品或渠道在整体市场中的占比。
费用结构分布
如展示预算在人力、市场、技术等各类费用上的分布比例。
销售占比分析
展示各区域或门店在整体销售中的贡献比例。
（图片示例：饼图在不同业务中的实际应用效果图）
预留图片位置