[]
        
(Showing Draft Content)

进度条

1.概述

1.1功能概述

进度条图表是一种用于直观展示任务或项目完成情况的图表。它通常由一个长条形组成,填充部分表示已完成的比例,空白部分表示剩余部分。

1.2应用场景

进度条可以是水平的或垂直的,适用于多种场景,尤其在需要实时反馈和进度监控的领域。

2.添加进度条

在仪表板设计器中,展开左侧组件面板,在“指标”分类中找到进度条,将组件拖拽至画布区域。

image

3.数据绑定

3.1实例-计算利润率

以下示例展示如何利用进度条组件显示产品的利润率。

在示例数据表中,有两列,分别为订单利润及订单金额,我们通过Wax表达式添加一个度量值,计算出利润率,即 利润率 = 订单利润 / 订单金额,并将度量值绑定到进度条组件的数值区域。

表达式示例:
SumX('Demo_销售明细','Demo_销售明细'[订单利润])/sumx('Demo_销售明细','Demo_销售明细'[订单金额])

image

image

4.图表样式设置

提供了一组属性设置供用户对进度条组件进行个性化的设置。

属性名称

说明

样式设定

提供2个选项,

  • “默认”为一般进度条的样式。

  • “段式”,将整个进度条进行分割成小段,来进行展示

默认

image

段式

image

当选择“段式”作为样式类型,还提供了另外两个选项来控制分段的个数及间距。

  • 分段计数:用来设定分段的个数,默认值为5。

  • 分段间距:用来设置分段间的间隔。

进度条布局

用来控制进度条是水平还是垂直显示,默认为水平显示


进度条方向

用来控制进度条的前进方向,提供两个选项:

  • 从左向右

  • 从右向左

从左向右为默认值。

image

进度条背景颜色

设置进度条的背景颜色。

image

显示背景条纹

用来控制是否在进度条背景上显示条纹。

默认值为 显示

image

显示进度条纹

用来控制是否在进度条上显示条纹。

默认值为 不显示。

image

进度条颜色

用来控制进度条的颜色。

image

进度渐变

用来选择进度条的渐变样式。

该选项与显示进度条纹相互制约,当显示进图条纹时,不能进行进度条渐变的设置。

image

边框圆角

设置进度条和进度条背景的圆角大小。

数值越大越圆润。

image

边框宽度

设置进度条和进度条背景的边框粗细。

默认值为0,即不显示边框

边框颜色

设置进度条和进度条背景的边框颜色。

显示标签名

设置是否显示标签名,即显示绑定字段的字段名,默认不显示。

若想更改标签名,可在数据绑定区域进行修改。

image

显示标签值

设置是否显示标签值,即显示绑定字段的值,默认为显示。

image

标签位置

设置标签名和标签值显示的位置,提供5个选项,默认居右显示。

  • 居左

  • 居右

  • 内部左侧

  • 内部居中

  • 内部居右

image

标签字体设置

提供了一组选项供用户来设置标签的字体及样式。

image