跳到主要内容
版本:8.3.0

进度条

概述

进度条是一种直观展示完成度、目标达成率或状态进展的图表类型。它通过水平或垂直的条形视觉元素,清晰地表示当前值相对于最大值的比例关系。进度条简洁明了,能够快速传达完成状态和进度信息。

适用场景

进度条主要用于展示单一指标的完成情况或目标达成率,特别适合需要直观反映进度状态的场景。
例如:订购量与到货量的比例。如图所示:

|500

图表特点

优点:

  • 视觉冲击力:能够直观展示差距和成就
  • 简洁高效:占用空间小,信息传递效率高
  • 易于理解:无需专业知识即可快速解读

缺点:

  • 信息单一:只能展示单一维度的进度信息
  • 变化范围有限:通常只能表示0-100%的范围
  • 不适合复杂分析:无法展示详细的数据分布或趋势

使用指导

创建仪表板

详细步骤可参考新建仪表板

创建图表

  1. 点击仪表板首页右上角「编辑」按钮,进入仪表板编辑页面。

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

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

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

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

  6. 点击标题右侧编辑按钮,为图表命名。

    说明

    可点击右侧 AI 小图标,通过 AI 自动生成符合内容的标题,如何使用详见智能命名助手

美化图表

设置颜色

在「图表属性」区域的「颜色设置」中,可以调整进度条颜色和底色,颜色设置支持分段和渐变。

  • 分段:使用分段时,可按大于、小于等条件配置不同区间颜色。

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

设置数据标签

在「图表属性」区域的「数据标签」中,可以修改主、次指标的数据格式、精度、文本、位置、名称等。

主指标还支持将数值放在进度图内部、右侧或进度图外,数值位于进度图内部时,可开启「显示描边」,提升深色进度条或深色主题下的文本可读性。

设置图形显示

在「图表属性」区域的「图形显示」中,可以修改进度条的配置方式、高度和圆角。

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

说明
  • 8.3版本后,新建进度条默认使用优化后的布局效果。历史图表保持原有展示规则,避免升级后样式发生明显变化。
  • 当目标值为负数时,系统会按负值场景调整进度计算规则,使不同进度图类型的展示结果保持一致。
  • 当目标值为 0 时,进度无法按比例计算。

其余操作

发布图表

  1. 点击右上角「保存并退出」,完成图表创建。

    Open: Pasted image 20260721103202.png

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

效果查看

PC端

|500

移动端

说明

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

|375