制作交互
交互组件的主要作用是通过添加交互的方式对数据报表页面进行美化。
操作步骤
- 登录智能数据洞察控制台。
- 单击管理控制台左上角的,选择区域。
- 单击左下角的企业项目选择企业项目。
- 产品首页单击“开始创建 > 创建大屏”。
- 选择对应的项目,单击“确定”进入创建数据大屏页面。
- 在页面左侧的组件区域单击“交互”组件,切换至交互组件页。
- 拖动交互组件至画布区域。
- 在页面右侧设置文本的相关信息。
交互组件类型说明
类型 |
说明 |
数据要素 |
---|---|---|
全屏 |
通过单击控制大屏的全屏功能。 |
无。 |
iFrame |
在大屏中添加iFrame内容。 |
链接。 |
搜索 |
在大屏中添加搜索框。 |
控件变量。 |
单选下拉 |
下拉菜单中进行选择,用于数据选项较多的场景。 |
选项/维度、控件变量。 |
Tab列表 |
通过添加Tab控件,您可以在大屏中以标签页的形式展示多个大屏。 |
控件变量。 |
多选下拉框 |
下拉菜单中进行选择,用于数据选项较多的场景。 |
选项/维度、控件变量。 |
字段
- iFrame:链接用户自己输入。
- 单选下拉框/多选下拉框:
字段列表还包含以下内容方便您更好的分析数据内容:
- 设置字段显示内容(类别轴/维度)
- 设置聚合方式(轴值/度量)
单击列内字段的,选择“聚合方式”单击,支持设置无聚合、求和、计数、去重计数、最大值、最小值、平均值、总体标准差、样本标准差、样本方差、区间起始值、区间结束值。
- 过滤:如果您的数据量较大,可以启用过滤器功能,将需要的某一类或者某几类数据从数据集中过滤出来。过滤器可以过滤字符类、数值类和日期类的数据。
过滤设置:单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
- 过滤字段选择维度
- 非时间字段
表2 过滤器参数 参数
参数说明
数据集
构造大屏组件所选的数据集。
选中字段
选择过滤的字段(非时间字段)。
过滤方式
设置的字段为维度时,支持按条件过滤和按枚举过滤方式。
条件形式
设置的字段为维度时,在按条件过滤方式下,支持设置且条件和或条件。
设置的字段为维度时,在按枚举过滤方式下,支持单选和多选。
过滤条件
设置的字段为维度时,按条件过滤支持:精确匹配、包含、开头是、不匹配、不包含、为空、不为空等设置。
设置的字段为维度时,按枚举过滤方式:选择对应的字段。
- 时间字段
表3 过滤器参数 参数
参数说明
数据集
构造大屏组件所选的数据集。
选中字段
选择过滤的字段(时间字段)。
过滤方式
设置的字段为维度时,支持单值过滤、按区间值过滤、按条件过滤。
过滤条件
设置的字段为维度时,按单值区间、区间值过滤,过滤条件支持绝对时间和相对时间。
设置的字段为维度时,按条件过滤支持且条件、或条件。
- 非时间字段
- 过滤字段选择度量
表4 过滤器参数 参数
参数说明
数据集
构造大屏组件所选的数据集。
选中字段
选择过滤的字段。
条件形式
设置的字段为度量时,条件形式支持且条件、或条件。
过滤条件
需要设置的字段为度量时,过滤条件支持:>、≥、<、≤、=、≠、为空、不为空等设置。也支持对数据的聚合前和聚合后的设置。
- 过滤字段选择维度
- 排序:对拖入字段的类别轴/维度进行排序,支持三种方式分别为不排序、升序、降序。
- 使用维度排序:拖拽维度字段进排序槽位,自动将维度字段添加到维度槽位并在图表中显示。
- 使用度量排序:图表中默认不显示排序槽位中的度量字段,如需显示请再次拖动度量字段到度量槽位。
- 查询返回数限制:最大的字段为5000最小字段为1。
- 自动刷新:刷新数据的时间,可以设置1分钟、5分钟、15分钟、30分钟、不刷新。
- 完成字段配置之后,单击“更新”,系统自动更新图表。
样式
- 尺寸位置
- W:设置图表的宽,单位为px。
- H:设置图表的高,单位px。
- X:设置图表在画布中的位置。单位为px。
- Y:设置图表在画布中的位置。单位为px。
- 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
图1 尺寸位置
- 全屏
- 全局样式
- 全屏显示:支持通过url和本地上传图片。
- 退出全屏:支持通过url和本地上传图片。
- 背景色:设置全屏功能的背景色。
- 圆角:设置全屏的圆角。
- 显示方式:支持总是和鼠标上移。
- 全局样式
- 搜索
- 样式
- 提示信息:支持对文本、字体大小、颜色的设置。
- 字号:支持设置搜索的字号。
- 字体粗细:支持设置搜索字体的粗细。
- 字体颜色:支持设置搜索字体的颜色。
- 背景色:支持设置搜索的背景色。
- 搜按钮颜色:支持设置搜索按钮的颜色。
- 边框:支持设置边框的宽度、颜色、边框类型。边框类型支持实线、虚线、点划线。
- 样式
- 单选下拉
- 样式
- 背景色:设置单选下拉的背景颜色。
- 边框:支持对边框的宽度、圆角、颜色、类型的设置。
- 箭头:支持对箭头的颜色、大小、右边距的设置。
- 字体样式:支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。
- 结果框样式
- 最大高度:设置单选下拉的最大高度。
- 字体大小:设置单选下拉的字体大小。
- 字体粗细:设置单选下拉的字体的粗细。
- 字体颜色:设置单选下拉的字体颜色。
- 选项悬浮颜色:支持设置单选下拉的选项悬浮色。
- 选项选中颜色:支持设置单选下拉的选项选中的颜色。
- 背景色:支持设置单选下拉的背景色。
- 选择配置:勾选“允许取消选择”,单选下拉允许取消选择,且提示文本可设置;未勾选“允许取消选择”,单选下拉不允许取消选择,提示文本不可设置。
如果没有设置初始值、未勾选选择配置,则默认填入绑定字段的第一行数据;如果绑定的数据集无数据的情况下,单击下拉框展示“暂无数据”。
- 初始值设置:支持单选下拉设置初始值,设置方式有固定和动态获取。
- 固定:当初始化值方式为固定时,可设置单选下拉组件的初始字段。
- 不填写初始字段、允许取消选择,则为不设置默认值。
- 不填写初始字段、不允许取消选择,则默认填入绑定字段的第一行数据。
- 动态获取:当初始化值方式为动态获取时,可设置单选下拉组件的字段索引。
- 填入索引值将用于动态获取初始值。填入0则默认选中第一行数据。索引值超出数据范围则取最后一行数据。
- 不允许输入负数。
- 固定:当初始化值方式为固定时,可设置单选下拉组件的初始字段。
- 样式
- 多选下拉框样式
- 样式
- 背景色:设置多选下拉的背景颜色。
- 边框:支持对边框的宽度、圆角、颜色、类型的设置。
- 箭头:支持对箭头的颜色、大小、右边距的设置。
- 卡片样式:支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。
- 结果框样式
- 初始值设置
- 样式
- Tab列表样式
- 全局样式
- 字体:设置Tab列表的字体。
- 行数:设置Tab列表的行数是,输入值不能小于1。
- 边框宽度:设置Tab列表的宽度,输入值不能小于0。
- 选择类型:设置Tab列表的类型,支持单选多选的设置。
- Tab配置:可对tab的内容以及值进行设置。
- 标签配置:
- 字号:字号设置范围10~100之间。
- 字体颜色:用户自定义标签颜色。
- 字体粗细:字体粗细类型Normal、Bold、Bolder、Lighter。
- 背景颜色:标签列表的背景颜色可自定义设置。
- 圆角半径:标签的圆角半径可设置,取值范围0~50。
- 选中文字/背景/悬浮边框颜色:用户可自定义设置颜色。
- 单轮轮播:
- 轮播开关:支持设置轮播开关设置。
- 轮播间隔:轮播间隔用户可设置,取值范围不能小于3000。
- 全局样式
交互
- 交互定义
- 单击“交互”进入交互页面。
- 单击“交互定义 > 编辑交互事件”,进入交互编辑页面。
图2 交互编辑页面
- 支持设置事件。
- 添加动作,动作支持隐藏和显示(根据选择的组件显示不同的动作值)。
- 单击“确定”,完成交互事件的设置。
- 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
- string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
- number数值类型支持的字符有=、≠、>、≥、<、≤为空、不为空。
- date日期类型支持的字符串有=、>、≥、<、≤。
- 交互支持绑定数据集的SQL占位符。
- 前提:在关联的数据集中编辑SQL,加入动态参数,将参数设置成全局生效。
- 进入组件编辑页面,单击“交互”进行交互设置。
- 交互支持修改全局参数:交互设置修改全局参数值,每次交互先修改全局参数,然后根据全局参数的值重新请求关联组件的数据。
- 关联图表需要设置全局参数,单击大屏右上角,进入全局参数页面,设置全局参数。
- 全局参数设置完成后,在标题或文本组件中编辑交互,目标组件可选择“全局参数”。
- 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
- 控件变量
- 单击“交互>空件变量>添加变量”,进入添加变量页面。
图3 添加变量
- 选择事件、字段值、变量名后,单击保存。
- 单击“交互>空件变量>添加变量”,进入添加变量页面。