进度条

1. 概述

1.1 功能概述

进度条图表是一种直观的任务进度可视化工具，通过动态填充的长条形（支持横向/纵向布局）清晰展示完成比例，适用于项目跟踪、流程监控等需要实时反馈进度的场景，实现一目了然的进度管理。

2. 操作步骤

本文将指导您在Wyn中创建和使用进度条。

2.1 前提条件

1. 数据要求： 已完成数据连接与数据准备，本文将以本地Excel文件及缓存数据集为例演示操作流程。

2. 界面要求： 已进入仪表板设计界面，且仪表板至少已绑定一个数据集/数据模型（如“Excel数据-缓存数据集”）。

2.2 操作步骤

2.2.1 添加组件

1. 仪表板设计界面最左侧，单击组件按钮展开列表，选择进度条，按住鼠标左键将其拖拽至仪表板设计区域，成功添加一个进度条组件。

   
   

2.2.2 绑定数据

1. 仪表板设计器设计区域选中进度条，根据实际需求，将对应的字段拖动到数据绑定区域，完成数据绑定。例如在本示例中，通过Wax表达式添加一个度量值利润里，即 利润率 = 订单利润 / 订单金额，并将该度量值绑定到进度条组件的数值区域。

   表达式示例：
   SumX('Excel数据-缓存数据集','Excel数据-缓存数据集'[订单利润])/SumX('Excel数据-缓存数据集','Excel数据-缓存数据集'[订单金额])

   
   

2. 数据绑定区域介绍参考下表：

   示意图	数据绑定区域	说明
   	数值	仅能绑定一个数值类型的字段

2.2.3 数据处理

1. 组件完成数据绑定后，可自由调整字段属性（如重命名、移除），具体请参考数据绑定与数据处理。

   
   

   type=info

   注意： 对数据集中字段进行的操作会在当前仪表板中的所有组件生效；而对组件数据绑定区字段进行的操作仅在当前组件生效。

2.2.4 组件属性

1. 数据处理完成后，可通过以下属性配置进一步优化组件展示效果：

   属性	说明	系统图示
   图表样式	自定义图表数据点样式，例如：样式类型、进度条布局等属性
   动画	设置组件入场动画、轮播和轮播间隔
   数据交互	配置联动、跳转、刷新等行为
   布局大小	调整组件位置于整体尺寸
   外观样式	调整组件外观样式

2. 进度条额外支持以下独有属性：

• 图表样式： 在属性设置中，可通过图表样式属性自动标记样式类型、进度条布局、进度条反向等属性。

  属性名称	说明	图示
  样式类型	提供2个选项，默认和段式： “默认”为一般进度条的样式 “段式”，将整个进度条进行分割成小段，来进行展示，此时还提供另外两个选项来控制分段的个数及间距 分段计数：用来设定分段的个数，默认值为5 分段间距：用来设置分段间的间隔	默认：
  		段式:
  进度条布局	用来控制进度条是水平还是垂直显示，默认为水平显示	水平：
  		垂直：
  进度条方向	用来控制进度条的前进方向，提供两个选项： 从左向右（默认值） 从右向左
  进度条背景颜色	设置进度条的背景颜色
  显示背景条纹	用来控制是否在进度条背景上显示条纹。 默认值为 显示。
  显示进度条纹	用来控制是否在进度条上显示条纹。 默认值为 不显示。
  进度条颜色	用来控制进度条的颜色
  进度渐变	用来选择进度条的渐变样式 该选项与显示进度条纹相互制约，当显示进图条纹时，不能进行进度条渐变的设置
  边框圆角	设置进度条和进度条背景的圆角大小，数值越大越圆润
  边框宽度	设置进度条和进度条背景的边框粗细 默认值为0，即不显示边框
  边框颜色	设置进度条和进度条背景的边框颜色
  显示标签名	设置是否显示标签名，即显示绑定字段的字段名，默认不显示 若想更改标签名，可在数据绑定区域进行修改
  显示标签值	设置是否显示标签值，即显示绑定字段的值，默认为显示
  标签位置	设置标签名和标签值显示的位置，提供5个选项，默认居右显示 居左/居右 内部左侧/内部居中/内部居右 居上左侧/居上中部/居上右侧 局下左侧/局下中部/局下右侧
  标签字体设置	设置标签名和标签值的字体属性，包括字体大小、样式、加粗、斜体

2.2.5 数据探索与分析

1. 组件内置丰富的数据探索与分析功能，从多角度挖掘数据价值，为您的可视化分析提供专业级支持。

   
   

3. 注意事项

1. 如果组件单独配置了属性，则该配置优先级将高于仪表板全局设置中的对应属性。