标题
本章节主要介绍标题各配置项的含义。
样式
- 尺寸位置
- W:设置图表的宽,单位为px。
- H:设置图表的高,单位px。
- X:设置图表在画布中的位置。单位为px。
- Y:设置图表在画布中的位置。单位为px。
- 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
图1 尺寸位置
- 文本样式
- 标题设置:用户自定义设置。
- 字体:设置文本的字体。
- 字号:设置文本的字号。
- 文本间距:设置文本的文本间距
- 颜色:设置文本的字体颜色。
- 字体粗细:设置文本的字体粗细。
- 对齐方式:设置文本的对齐方式,可以设置为左侧、右侧、水平居中。
- 上下对齐:设置文本的上下对齐方式,可以设置为居中、上对齐、下对齐。
交互
- 交互定义
- 单击“交互”进入交互页面。
- 单击“交互定义 > 编辑交互事件”,进入交互编辑页面。
图2 交互编辑页面
- 选择事件,支持设置为点击。
- 添加动作,动作支持隐藏和显示(根据选择的组件显示不同的动作值)。
- 单击“确定”,完成交互事件的设置。
- 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
- string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
- number数值类型支持的字符有=、≠、>、≥、<、≤为空、不为空。
- date日期类型支持的字符串有=、>、≥、<、≤。
- 交互支持绑定数据集的SQL占位符。
- 前提:在关联的数据集中编辑SQL,加入动态参数,将参数设置成全局生效。
- 进入组件编辑页面,单击“交互”进行交互设置。
- 交互支持修改全局参数:交互设置修改全局参数值,每次交互先修改全局参数,然后根据全局参数的值重新请求关联组件的数据。
- 关联图表需要设置全局参数,单击大屏右上角,进入全局参数页面,设置全局参数。
- 全局参数设置完成后,在标题或文本组件中编辑交互,目标组件可选择“全局参数”。
- 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
- 高级(跳转)
- 单击“交互”进入交互页面。
- 单击“高级 > 跳转右侧的”,进入图表的跳转页面。
- 设置跳转类型、打开方式、跳转报表/大屏、关联参数,单击确定,完成跳转设置。
表1 参数说明 参数
描述
跳转类型
系统内部跳转:跳转到内部的大屏和仪表板项目。
外部跳转:跳转到非软件中的链接。
打开方式
当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。
新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
弹窗打开:当单击设置跳转的图表后,以弹框的形式打开跳转的图表(弹框大小可设置)。
跳转报表/大屏选择
- 先选择项目。
- 再选择仪表板/大屏。
说明:
当跳转类型选择内部跳转时,需要设置此步骤。
关联参数
当前大屏的生效参数。
- 关联字段:将关联的字段携带到跳转的图表中。
- 填固定值:跳转的图表只过滤固定值,例如固定值设置为“city”,跳转的图表显示过滤“city”字段。
- 控件变量:在下拉框、搜索、Tab列表中选择的每一个值都是控件变量设置的变量值。例如在下拉框中选择“city”,则控件变量的变量值为“city”,跳转的图表过滤出“city”字段。
- 全局变量:将全局变量中的值携带到跳转的图表中。
携带条件
当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤,方便用户分析数据。
- 前提条件:设置两个大屏A、B,大屏A跳转到大屏B。
- 操作步骤:
- 大屏B配置全局参数,设置全局参数的字段,大屏A中也必须存在。
- 在大屏A中设置跳转参数,跳转报表选择大屏B,关联字段选择全局参数中设置的字段。
- 勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,过滤出空字段行,大屏B的URL出现param参数。
- 未勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,出现图表的全部数据,大屏B的URL未出现param参数。
- 携带参数跳转示例:以某店销售产品数据表为示例,根据地区筛选数据。
- 大屏A中创建单选下拉框、标题组件,标题携带下拉框中选择的过滤条件,跳转到大屏B。
- 下拉框:字段设置,选项/维度选择“region”。控件变量设置如图所示。
- 标题:在标题的“样式 > 文本样式 > 文本设置”设置标题显示名称“区域”。
- 大屏B中创建柱状图,类别轴/维度选择“region”,轴值/度量选择“age”。设置全局变量,全局参数名称为A,生效图表选择表格,关联字段选择“region”。
- 标题设置跳转,单击“交互 > 高级 > 跳转右侧”,进入跳转页面,参数设置如图所示。
图4 文本跳转
- 跳转参数设置完成后,单击“确定”,预览大屏,在下拉框中选择区域“YUNNAN”,然后单击“标题”,跳转到大屏B。
- 大屏A中创建单选下拉框、标题组件,标题携带下拉框中选择的过滤条件,跳转到大屏B。