甘特图

爱搭贝
更新于2025-05-16

1. 简介

1.1 功能简介

甘特图是项目/任务管理中非常常用的一种图表类型,以图示通过活动列表和时间刻度表示出特定项目的顺序与持续时间。甘特图(Gantt chart)又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度、和其他时间相关的系统进展的内在关系随着时间进展的情况,直观表明计划何时进行、进展与要求的对比。

1.2 应用场景

甘特图可以帮助管理者弄清项目的剩余任务,评估工作进度。除此之外,甘特图还可以应用在各类预约场景的数据展示,如会议室预约情况、课程预约情况等。

1.3 预期效果

1)任务管理

甘特图.png


2. 甘特图制作

2.1 甘特图创建

仪表盘设计>>甘特图;如下图所示:

组 81@1x.png

2.2 数据源

甘特图支持的数据源有:本应用的表单、跨应用的表单以及本应用的数据工厂的数据表

组 128@1x (1).png

2.3 字段设置

  • 维度 :维度为必填字段,可添加 1 ~ 20 个字段。
  • 开始时间-结束时间:必填字段,各添加一个日期时间字段。
  • 进度:选填字段,可以选择 1 个数字字段,值为 1 时代表进度为 100%,以此类推。
组 167@1x (1).png

2.4 过滤条件

对于进行中的任务,可以通过过滤条件筛选出需要统计的数据。

组 168@1x (1).png

2.5 甘特图配置

2.5.1 功能配置

可以设置缩放等级、数据标签、数据条数限制及图例,,让甘特图比例达到最佳阅读效果。

组 82@1x.png

2.5.2 图表样式

可以设置甘特图整体样式及标题配色,满足用户对甘特图配置个性化样式的需求。

组 83@1x.png

2.6 数据权限

如果甘特图设置权限,成员在访问甘特图时可以进行数据详情查看、编辑、新增等操作,前提是数据源表单中为成员设置了操作权限。

组 84@1x.png

3. 示例

以任务为例进行一个甘特图的制作。

3.1 设计表单并录入数据

任务数据如下图所示:

甘特图.png

3.2 仪表盘中添加甘特图

1)点击新建「仪表盘」;

组 4@1x.png

2)修改仪表盘名称,并新建一个甘特图,甘特图数据源选择刚刚新建的表单,如下图所示:

组 85@1x.png

3)按下图步骤设置甘特图:

组 86@1x.png

4)在右侧功能配置面板上可以对甘特图进行缩放等级、数据标签等设置。

组 87@1x.png

3.3 发布仪表盘

保存甘特图组件后回到仪表盘设计界面,点击右上角保存,可以查看仪表盘效果。

组 88@1x.png

3.3 效果演示

1)PC 端效果

被发布的成员点击仪表盘,可以看到刚刚设置的甘特图:

甘特图PC端.png

2)移动端效果

甘特图移动.png