更新时间：2024-12-30 GMT+08:00
步骤条
步骤条是装饰组件的一种，用于引导用户按照流程完成任务的导航条。
在大屏设计页面，从“全部组件 > 其它”中，拖拽“步骤条”组件至画布空白区域，如图1。
卡片
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
图3 步骤条卡片
- 背景
- 背景色：设置组件卡片的背景颜色。
- 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
- 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
- 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
- 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
- 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。
图形
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
图4 步骤条图形
- 步骤条方向：步骤条显示方向，可以设置为水平方向或垂直方向。
- 步骤图标尺寸：步骤图标的尺寸，单位为px。
- 步骤图标背景：步骤图标的背景色。
- 完成状态：步骤已完成状态的颜色。
- 进行中状态：步骤进行中状态的颜色。
- 等待状态：步骤还未完成处于等待状态的颜色。
- 标签字体：设置步骤标签的字体、大小和颜色等。
- 描述文字字体：当步骤有描述文字时，描述文字的字体、大小等设置。
- 标题左边距：步骤标签距离该图标左边的距离。
数据
在数据中，设置步骤条组件的数据来源，更多介绍请参见数据接入。
交互
在交互中，配置步骤条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。
父主题： 其它
