流体进度图
概述
流体进度图是一种动态的进度可视化图表,通过模拟液体流动效果展示目标完成进度,具有较强的视觉吸引力和动态感。
适用场景
适用于需要突出展示单一关键指标完成进度的场景,如销售目标完成率。如图所示:

图表特点
优点:
- 视觉效果生动直观,能快速吸引用户注意力
- 动态流动效果增强数据展示的趣味性
- 突出显示关键进度指标,使完成情况一目了然
缺点:
- 数据精度表达有限,不适合展示详细的数值信息
- 动态效果可能在某些设备上影响加载速度
- 多指标对比展示能力较弱
使用指导
创建仪表板
详细步骤可参考新建仪表板。
创建图表
-
点击仪表板首页右上角「编辑」按钮,进入仪表板编辑页面。

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

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

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

-
在「可视化」区域中选择「流体进度图」,将左侧「数据集」区域的「销售额」和「商品日目标」拖至「绘制」区域的「数值」。

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

美化图表
设置颜色
在「图表属性」区域的「颜色设置」中,可以对外环颜色和填充颜色进行选择,点击「主题色」旁边的按钮可以选择颜色主题。

设置数据标签
在「图表属性」区域的「数据标签」中,可以修改主、次指标的样式、名称、内容、字号、位置等。

设置数据格式
若「销售额」结果过大,不易观测且影响美观,可以依次点击「销售额>数据格式」,「类型」选择「货币」,「计数单位」为「万」。

其余操作
发布图表
-
点击右上角「保存并退出」,完成图表创建。

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

效果查看
PC端

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