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

报表图表-甘特图

1. 功能概述

甘特图是一种将项目任务与时间关系直观表示的图表,用条形图显示任务的持续时间和进度。

其中,横轴表示时间,纵轴表示任务。线条表示在整个期间上计划和实际的任务完成情况。甘特图可以直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比。

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

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

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

2. 操作示例

2.1 创建报表并添加数据集

为了方便进行演示,这里我们没有使用 Wyndemodata 数据源。

image2020-6-5_17-24-6.png

2.2 添加图表组件

image

2.3 切换图表类型

图表>图表类型中切换图表类型。

image

2.4 绑定数据

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

将“ 任务 ”拖拽至分类组中。

image


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

image

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

image


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

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

2.5 调整坐标轴

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

image


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

image


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

image

2.6 调整排序

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

image

2.7 隐藏图例

image

2.8 设置图表标题

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

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

2.9 预览报表

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

type=info

使用甘特图的关键步骤在于数据绑定环节,实现文中开始时第二个示例的关键在于数据绑定。

将产品单价的最大值和最小值作为数值的区间。

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