[]
        
在线Demo 免费试用
(Showing Draft Content)

报表图表-甘特图

1. 概述

1.1 功能概述

甘特图是一种将项目任务与时间关系直观表示的图表,用条形图显示任务的持续时间和进度。其中,横轴表示时间,纵轴表示任务。线条表示在整个期间上计划和实际的任务完成情况。甘特图可以直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比。

image2020-3-26_17-11-17.png

我们也可以使用甘特图来绘制分类的数值区间对比情况,如下图。

image2020-3-26_17-29-47.png

2. 操作步骤

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件直连数据集为例演示操作流程。

  2. 界面要求: 已进入报表设计界面,且报表至少已绑定一个数据集(如“Gantee”)。

2.2 操作步骤

2.2.1 添加组件

  1. 在报表设计器中,添加图表组件,选中柱状图,拖拽至画布区域,如下图示:

    PixPin_2025-06-30_11-41-25

  2. 选中整个柱状图组件,在顶部菜单栏选择图表,然后选择图表类型,选中甘特图类型。

    PixPin_2025-06-30_11-55-02

2.2.2 绑定数据

  1. 将“ 开始时间 ”或者“ 结束时间 ”拖拽至图表数据区域。因为绑定后下一步还要修改字段数值,所以这里绑定任意字段都可以。将“ 任务 ”拖拽至分类组中。

    image

  2. 单击在数据区域绑定的字段,然后在属性设置中修改其数值。将lower 值绑定为“ 开始时间 ”,将upper值绑定为“ 结束时间 ”。

    image

  3. 为了使不同的任务显示为不同的颜色,我们将“ 任务 ”也绑定到颜色绑定区中,如下图:

    image

  4. 单击设计器上方的预览按钮,预览报表。可以看到甘特图的基本形状已经绘制出来,接下来主要是对外观进行调整。

    image2020-3-27_10-54-19.png

2.2.3 调整坐标轴

  1. 选中图表横轴区域,然后在属性设置面板的搜索框中输入“ 数据格式 ”快速定位到该属性,然后在下拉列表中选择短日期

    image

  2. 接下来,将横轴的主网格线设置为虚线。

    image

  3. 选中纵轴区域,在属性设置面板的搜索框中输入“ 是否显示 ”,然后将坐标轴样式坐标轴标签都设置为

    image

2.2.4 调整排序

  1. 图表的默认排序是根据绑定在分类组的字段升序排列的,在甘特图中,我们可以将排序字段修改为绑定在数据区域的较小的数值,例如示例中的开始时间。

    image

2.2.5 隐藏图例

  1. 选中图例,在右侧属性面板设置隐藏图例为是。

    image

2.2.6 设置图表标题

  1. 选中图表的标题区域,然后输入标题。

    image2020-3-27_11-16-50.png

2.2.7 预览报表

  1. 预览查看实际效果。

    image2020-3-27_11-17-33.png

    type=info

    注意: 使用甘特图的关键步骤在于数据绑定环节,实现文中开始时第二个示例的关键在于数据绑定。将产品单价的最大值和最小值作为数值的区间。

    image2021-6-4_11-41-34.png