跳到主要内容

饼图

主要用于显示各部分在整体中的占比情况，可直观呈现不同数据的比例。

何时使用​

适用于需要分析占比的场景，根据数据的分布比例展示差异：

  • 显示男女比例
  • 显示汽车品类销售数据比例
  • 显示平台推广数量与实际订单的比例
  • 显示南北人口分布比例
  • 显示资产与年龄分布比例

一、属性​

1. 数据源​

数据源绑定方式详见 数据绑定。

2. 数据​

绑定的数据名与数据值分别决定饼图中每个区域的名称与大小。

image-20250715153136339
image-20250715153439804

3. 标题​

可设置饼图的主标题、子标题，包含标题文字大小、颜色、位置等样式。

image-20250715153743939
image-20250715153714132

4. 外观​

可设置饼图的展示样式，如南丁格尔图、环形图，并可自定义饼图的环半径、宽高等参数。

image-20250715154004339
image-20250715154019141

  • 南丁格尔图
    image-20250715154223029

  • 环形图
    image-20250715154243349

  • 同时开启南丁格尔图与环形图
    image-20250715154303154

5. 图例​

可配置图例的显示与否、位置、形状、宽高、文字大小等样式。

image-20250715154446722
image-20250715154504278

6. 标签​

可设置每个区域标签的显示、位置与大小。

image-20250715154648323

7. 提示框​

可设置鼠标悬停饼图时弹出的提示框，支持自定义是否显示、文字大小与颜色。

image-20250715154915076
image-20250715154855554

8. 预设颜色列表​

可设置饼图颜色的展示样式。

image-20250715162709129
image-20250715162726002

9. 状态​

无特殊状态配置，详见 通用状态。

二、样式​

无特殊样式配置，详见 通用样式。

三、常见使用场景​

  1. 显示男女比例
    image-20250715155827909

  2. 显示汽车品类销售数据
    image-20250715155635890

  3. 显示购买与未购买用户数据
    image-20250715155954304