关联线甘特图

  • 文档创建者:Holly
  • 编辑次数:14次
  • 最近更新:Leo.Tsai 于 2020-05-28
  • 1. 概述

    1.1 应用场景

    甘特图 除了能体现计划与实际活动完成的情况外,还可表达任务的先后顺序,这里提供了四种关联关系:

    • FS:A 任务完成之后 B 任务才能启动

    • SS:A 任务开始之后 B 任务才能启动

    • SF:A 任务完成之后 B 任务才能结束

    • FF:A 任务开始之后 B 任务才能结束

    以 FS 关系为例,展示效果如下图所示:
    2020-05-27_11-09-27.jpg

    1.2 实现思路

    新建两个数据来源,数据集 1 用 id 标记每项任务,数据集 2 用 id 配置任务的关联关系及关联类型。

    绑定图表数据时,配置好任务关联即可。

    2. 示例

    2.1 数据准备

    1)新建内置数据集File1,如下图所示:
    2020-05-27_11-33-35.jpg

    2)新建内置数据集File2,如下图所示:

    2020-05-27_11-33-48.jpg

    2.2 插入图表

    合并一片区域单元格,右键 A1 单元格,选择单元格元素>插入图表>甘特图,如下图所示:

    1589379539715779.png

    2.3 数据绑定

    绑定图表数据,如下图所示:

    2020-05-27_11-36-58.jpg

    2.4 样式设计

    1)选择样式>系列,自定义系列配色,如下图所示:

    1589901585372200.png

    2)选择样式>项目轴,可分别设置横向和纵向表头的样式,如下图所示:

    1589901718168651.png

    3)选择样式>时间轴,可分别设置上下层表头的样式,如下图所示:

    1589901844855823.png

    2.5 效果预览

    1)PC 端

    保存模板,点击分页预览,效果如下图所示:

    2020-05-27_11-09-27.jpg

    2)移动端

    Screenshot_20200527-111021.jpg

    3. 模板下载

    已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\关联线甘特图.cpt

    点击下载模板:关联线甘特图.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!