[]
进度条图表是一种用于直观展示任务或项目完成情况的图表。它通常由一个长条形组成,填充部分表示已完成的比例,空白部分表示剩余部分。
进度条可以是水平的或垂直的,适用于多种场景,尤其在需要实时反馈和进度监控的领域。
在仪表板设计器中,展开左侧组件面板,在“指标”分类中找到进度条,将组件拖拽至画布区域。
以下示例展示如何利用进度条组件显示产品的利润率。
在示例数据表中,有两列,分别为订单利润及订单金额,我们通过Wax表达式添加一个度量值,计算出利润率,即 利润率 = 订单利润 / 订单金额,并将度量值绑定到进度条组件的数值区域。
表达式示例:
SumX('Demo_销售明细','Demo_销售明细'[订单利润])/sumx('Demo_销售明细','Demo_销售明细'[订单金额])
提供了一组属性设置供用户对进度条组件进行个性化的设置。
属性名称 | 说明 | |
---|---|---|
样式设定 | 提供2个选项,
| 默认 |
段式 当选择“段式”作为样式类型,还提供了另外两个选项来控制分段的个数及间距。
| ||
进度条布局 | 用来控制进度条是水平还是垂直显示,默认为水平显示 | |
进度条方向 | 用来控制进度条的前进方向,提供两个选项:
从左向右为默认值。 | |
进度条背景颜色 | 设置进度条的背景颜色。 | |
显示背景条纹 | 用来控制是否在进度条背景上显示条纹。 默认值为 显示。 | |
显示进度条纹 | 用来控制是否在进度条上显示条纹。 默认值为 不显示。 | |
进度条颜色 | 用来控制进度条的颜色。 | |
进度渐变 | 用来选择进度条的渐变样式。 该选项与显示进度条纹相互制约,当显示进图条纹时,不能进行进度条渐变的设置。 | |
边框圆角 | 设置进度条和进度条背景的圆角大小。 数值越大越圆润。 | |
边框宽度 | 设置进度条和进度条背景的边框粗细。 默认值为0,即不显示边框 | |
边框颜色 | 设置进度条和进度条背景的边框颜色。 | |
显示标签名 | 设置是否显示标签名,即显示绑定字段的字段名,默认不显示。 若想更改标签名,可在数据绑定区域进行修改。 | |
显示标签值 | 设置是否显示标签值,即显示绑定字段的值,默认为显示。 | |
标签位置 | 设置标签名和标签值显示的位置,提供5个选项,默认居右显示。
| |
标签字体设置 | 提供了一组选项供用户来设置标签的字体及样式。 |