分类占比条

凡拓数创数字孪生 2025年6月3日 14:48

收藏文档

分类占比条可以用来显示各类事项的占比情况
效果案例：
该效果显示各类事项数目在总体数目中的一个占比情况。

![](/media/202506/2025-06-03_144442_5147500.26787012334358606.png)
## 样式
在样式中可以设置组件的基本属性、全局、文字、系列。
## ①基本属性

![](/media/202506/2025-06-03_144847_9683040.3113905288886034.png)
图层名称：
图层的名称，会在页面左侧展示，允许重复。
位置尺寸：
位置包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。尺寸包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高，比例锁默认不锁定。
### ②全局

![](/media/202506/2025-06-03_144502_2786550.5074061071204405.png)
背景颜色：
占比条的背景颜色，默认是白色，可更改颜色和透明度。
间隔：
每个分类之间的间隔，可以调整间隔来调整各分类的疏密。
文字：
每一个系列由标签、指标、后缀组成。

![](/media/202506/2025-06-03_144520_0545000.5840346531173487.png)
启用：
是否展示文字。
偏移：
所有文字整体偏移，X表示左偏移距离，Y表示上偏移距离。
标签：
标签即每个系列文案左侧的介绍，例如"剩余数20个"的标签就是剩余数。
文本样式：
标签的文本样式，可以设置字体大小、颜色、粗细等。
指标：
指标即每个系列文案的值，例如"剩余数20个"的指标就是20。
保留小数：
每一个指标保留几位小数。
偏移：
指标以及后缀的偏移，X表示左偏移距离，Y表示上偏移距离。
### ④系列

![](/media/202506/2025-06-03_144539_4925230.2746506925014889.png)
数据系列：
右上角操作按钮可以对数据进行增加或者删除。
系列名：
如果系列名与数据里的name的值对应，则会展示对应的value。
颜色：
某一段系列的颜色，可以设置颜色和透明度。
文本样式：
可以指定某个系列的指标和后缀的文本样式，可以设置字体大小、颜色、粗细等。
偏移：
可以指定某个系列的整个文本的偏移，X表示左偏移距离，Y表示上偏移距离。
后缀文本：
后缀的文本。
后缀偏移：
后缀的文本的偏移，X表示左偏移距离，Y表示上偏移距离。
自定义样式：
后缀的文本是否开启自定义样式，开启后以自定义样式为主。
文本样式：
后缀的文本指定的文本样式，可以设置字体大小、颜色、粗细等。
## 数据
| 字段    | 说明 |
|-------|----|
| name  | 系列 |
| value | 值  |

![](/media/202506/2025-06-03_144607_3742390.11913070448038054.png)