进度条
概述
进度条是一种直观展示完成度、目标达成率或状态进展的图表类型。它通过水平或垂直的条形视觉元素,清晰地表示当前值相对于最大值的比例关系。进度条简洁明了,能够快速传达完成状态和进度信息。
适用场景
进度条主要用于展示单一指标的完成情况或目标达成率,特别适合需要直观反映进度状态的场景。
例如:订购量与到货量的比例。如图所示:

图表特点
优点:
- 视觉冲击力:能够直观展示差距和成就
- 简洁高效:占用空间小,信息传递效率高
- 易于理解:无需专业知识即可快速解读
缺点:
- 信息单一:只能展示单一维度的进度信息
- 变化范围有限:通常只能表示0-100%的范围
- 不适合复杂分析:无法展示详细的数据分布或趋势
使用指导
创建仪表板
详细步骤可参考新建仪表板。
创建图表
-
点击仪表板首页右上角「编辑」按钮,进入仪表板编辑页面。

-
点击「新建卡片 > 可视化图表」,弹出「选择数据集」页面。

-
选择需要进行图表分析的数据集后点击「确定」。

-
若需要切换分析数据集,可点击页面左上角「切换数据集」按钮。

-
在「可视化」区域中选择「进度条」,将左侧「数据集」区域的「到货量」和「订货量」拖至「绘制」区域的「数值」。

-
点击标题右侧编辑按钮,为图表命名。
说明可点击右侧 AI 小图标,通过 AI 自动生成符合内容的标题,如何使用详见智能命名助手。

美化图表
设置颜色
在「图表属性」区域的「颜色设置」中,可以调整进度条颜色和底色,颜色设置支持分段和渐变。
-
分段:使用分段时,可按大于、小于等条件配置不同区间颜色。

-
渐变:使用渐变时,支持调整始末颜色。

设置数据标签
在「图表属性」区域的「数据标签」中,可以修改主、次指标的数据格式、精度、文本、位置、名称等。
主指标还支持将数值放在进度图内部、右侧或进度图外,数值位于进度图内部时,可开启「显示描边」,提升深色进度条或深色主题下的文本可读性。

设置图形显示
在「图表属性」区域的「图形显示」中,可以修改进度条的配置方式、高度和圆角。
- 配置方式:支持「默认」和「自定义」。选择「默认」时,系统会根据卡片尺寸自动调整进度条高度、内容间距和数据标签字号;选择「自定义」时,可按固定值设置进度条高度和圆角。
- 进度条高度:选择「自定义」后显示,用于控制占比条最大高度。
- 进度条圆角:用于控制占比条角度。

说明
- 8.3版本后,新建进度条默认使用优化后的布局效果。历史图表保持原有展示规则,避免升级后样式发生明显变化。
- 当目标值为负数时,系统会按负值场景调整进度计算规则,使不同进度图类型的展示结果保持一致。
- 当目标值为 0 时,进度无法按比例计算。
其余操作
发布图表
-
点击右上角「保存并退出」,完成图表创建。
Open: Pasted image 20260721103202.png

-
点击右上角「发布」,将仪表板发布上线。

效果查看
PC端

移动端
说明
移动端图表需要切换至移动端布局单独添加卡片,详细操作可参考:移动端布局。
