[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

报表图表-甘特图

甘特图通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间变化的情况。

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

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

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

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

操作示例

1. 创建报表并添加数据集

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

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

2. 添加图表组件

image

3. 切换图表类型

选择极坐标图表类型,这里以极坐标堆叠条形图为例。

image2020-6-5_17-25-14.png

4. 绑定数据

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

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

image2020-3-27_9-19-3.png


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

image2021-6-4_11-49-58.png


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

image2020-3-27_10-12-46.png


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

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

5. 调整坐标轴

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

image2020-6-5_17-26-5.png


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

image2020-6-5_17-26-25.png


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

image2020-6-5_17-26-48.png

6. 隐藏图例

image2020-6-5_17-27-3.png

7. 设置图表标题

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

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

8. 预览报表

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

type=info

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

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

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