跳到主要内容

饼图

主要显示各部分在整体中的占比情况，可以直观看到不同的数据比例

何时使用​

使用在需要分析占比的场景，根据分布比例显示数据差异

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

一、属性​

1.数据源​

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

2.数据​

绑定数据名和绑定数据值分别决定柱状图对应区域的名字和对应区域的大小。

image-20250605092202007

3.标题​

可以设置饼图的标题样式和子标题样式，包括标题大小、颜色、标题位置。

image-20250605093218157

image-20250605093242682

3.外观​

设置饼图展示的样式，可以以南丁格尔图的方式或者环形图的方式进行展示，也可以设置饼图的环半径、宽高等样式。

image-20250605093707978

  • 南丁格尔图

    image-20250605093753593

  • 环形图

    image-20250605093825611

  • 同时开启南丁格尔图和环形图

    image-20250605093950592

4.图例​

设置饼图的图例显示，可以设置位置、形状、宽高、文字大小等样式。

image-20250605094526683

image-20250605094550858

5.标签​

可以设置饼图上每个区域的标签是否显示、显示位置，以及大小。

image-20250605100248830

image-20250605100306271

6.提示框​

设置将鼠标悬停到饼图之上的弹框提示，可以设置是否显示，显示的文字大小和颜色。

image-20250605101943118

image-20250605101932297

7.预设颜色列表​

饼图每个区域的颜色会按照预设颜色列表的颜色来设置。

image-20250605103005949

image-20250605103027158

8.状态​

详见通用属性

二、规则​

1. 表单校验​

2. 显示控制​

三、样式​

详见通用样式

四、常见使用场景​

==1.显示男女比例==

PieChart01

==2.显示汽车品类销售数据==

PieChart02

==3.显示平台推广和订单量数据==

PieChart03