甘特图
本章节介绍甘特图的基本信息以及使用方法。
字段
- 在“字段”标签页,选择需要的“维度”和“度量”,双击或拖拽至维度和度量内。
- 设置过滤
- 在数据列内的维度和度量列表内找到需要的数据字段。
- 单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
- 过滤参数设置完成后,单击“确认”完成过滤参数设置。
表1 过滤器参数 字段类型
参数
参数说明
string
按条件过滤
过滤方式:支持按条件过滤和按枚举过滤方式。
条件形式:支持设置且条件和或条件。
过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。
按枚举过滤
查询形式:支持单选和多选。
过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。
度量
条件形式
支持设置且条件和或条件。
过滤条件
支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。
说明:选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集。
单击“新建筛选条件”可以设置多个过滤条件。
date
按区间值过滤
设置时间区间进行过滤。
按单值过滤
设置单个时间进行过滤。
按条件过滤
支持设置且条件和或条件,支持>、≥、<、≤、=等设置。
单击“新建筛选条件”可以设置多个过滤条件。
- 查询返回数限制
- 设置自动刷新
样式
- 尺寸位置
- W:设置图表的宽,单位为px。
- H:设置图表的高,单位px。
- X:设置图表在画布中的位置。单位为px。
- Y:设置图表在画布中的位置。单位为px。
- 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
图1 尺寸位置
- 全局样式
图2 全局样式
- 甘特图样式
- 甘特图标签:
- 字号:甘特图标签字体大小可自定义设置,范围10~100。
- 颜色:甘特图标签颜色用户自定义。
- 字体粗细:甘特图标签字体类型Normal、Bold、Bolder、Lighter。
- 状态-颜色配置:根据字段中状态/维度获取状态枚举值的范围,枚举值颜色自定义。
- 甘特图标签:
- 边距:甘特图的顶部、底部、左侧、右侧边距用户自定义。
- x/y轴
图3 x/y轴
- 提示信息
- 显示/隐藏提示信息:勾选表示预览或查看发布组件时显示的提示信息;不勾选表示预览或查看发布组件时不显示提示信息。
- 颜色:设置提示信息的字体颜色。
- 字号:设置提示信息的字号大小。
- 字体粗细:设置提示信息的字体粗细样式。
图4 提示信息
交互
- 联动
- 跳转
- 单击“交互”进入交互页面。
- 单击“高级>跳转 ”,进入图表跳转页面。
图5 交互页面
- 单击需要绑定的字段后面的,弹出关联字段框。
- 单击,选择需要绑定的字段。
- 设置跳转类型、打开方式、跳转报表/大屏、关联参数,单击确定,完成跳转设置。具体示例请参见跳转示例。
- 也可携带参数跳转,具体示例请参见携带参数跳转示例。
- 如果涉及到需要设置字段的图表,请先在字段中设置,然后进入图表跳转页面设置绑定字段,否则无法跳转。
表3 参数说明 参数
描述
跳转类型
系统内部跳转:跳转到内部的大屏和仪表板项目。
外部跳转:跳转到非软件中的链接。
打开方式
当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。
新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
弹窗打开:当单击设置跳转的图表后,以弹框的形式打开跳转的图表(弹框大小可设置)。
跳转报表/大屏选择
- 先选择项目。
- 再选择仪表板/大屏。
说明:
当跳转类型选择内部跳转时,需要设置此步骤。
关联参数
当前大屏的生效参数。
- 关联字段:将关联的字段携带到跳转的图表中。
- 填固定值:跳转的图表只过滤固定值,例如固定值设置为“city”,跳转的图表显示过滤“city”字段。
- 控件变量:在下拉框、搜索、Tab列表中选择的每一个值都是控件变量设置的变量值。例如在下拉框中选择“city”,则控件变量的变量值为“city”,跳转的图表过滤出“city”字段。
- 全局变量:将全局变量中的值携带到跳转的图表中。
携带条件
当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤,方便用户分析数据。
- 前提条件:设置两个大屏A、B,大屏A跳转到大屏B。
- 操作步骤:
- 大屏B配置全局参数,设置全局参数的字段,大屏A中也必须存在。
- 在大屏A中设置跳转参数,跳转报表选择大屏B,关联字段选择全局参数中设置的字段。
- 勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,过滤出空字段行,大屏B的URL出现param参数。
- 未勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,出现图表的全部数据,大屏B的URL未出现param参数。
甘特图使用示例
展示某专卖店商品的销售红利时间段。
- 数据展示。
表4 商品类别表 商品类别
商品名称
颜色
开始时间
结束时间
手机
手机A
白色
2023年5月
2023年7月2日
手机
手机B
红色
2023年5月
2023年7月3日
手机
手机C
黑色
2023年5月
2023年8月4日
台式电脑
电脑A
黑色
2023年1月
2023年8月5日
台式电脑
电脑B
黑色
2023年5月
2023年8月6日
台式电脑
电脑C
黑色
2023年5月
2023年8月7日
平板
平板D
红色
2023年5月
2023年8月8日
平板
平板M
粉色
2023年6月
2023年8月9日
笔记本
笔记本A
粉色
2023年6月
2023年8月10日
笔记本
笔记本C
红色
2023年6月
2023年8月11日
- 操作步骤