制作交互

前提条件

• 已开通DataArts Insight服务。
• 已创建管理数据源的项目，参考创建项目完成项目创建。
• 您已获取数据，参考新建数据源。
• 已创建所需的数据集，参考可视化新建数据集完成数据集创建。

操作步骤

1. 登录智能数据洞察控制台。
2. 单击管理控制台左上角的，选择区域。
3. 单击左下角的企业项目选择企业项目。
4. 产品首页单击“开始创建 > 创建大屏”。
5. 选择对应的项目，单击“确定”进入创建数据大屏页面。
6. 在页面左侧的组件区域单击“交互”组件，切换至交互组件页。
7. 拖动交互组件至画布区域。
8. 在页面右侧设置文本的相关信息。

交互组件类型说明

字段

• iFrame：链接用户自己输入。
• 单选下拉框/多选下拉框：
  1. 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
  2. 设置过滤
     1. 在数据列内的维度和度量列表内找到需要的数据字段。
     2. 单击过滤内的需要设置过滤字段上的，进入设置过滤器页面。
     3. 过滤参数设置完成后，单击“确认”完成过滤参数设置。

        表2 过滤器参数

        字段类型	参数	参数说明
        string	按条件过滤	过滤方式：支持按条件过滤和按枚举过滤方式。 条件形式：支持设置且条件和或条件。 过滤条件：支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。
        	按枚举过滤	查询形式：支持单选和多选。 过滤条件：支持>、≥、＜、≤、＝、≠、为空、不为空等设置。
        度量	条件形式	支持设置且条件和或条件。
        	过滤条件	支持>、≥、＜、≤、＝、≠、为空、不为空等设置，支持选择聚合前数据和聚合后数据。 说明： 选择“聚合前”，将对聚合前的数据进行过滤，选择“聚合后”，将对聚合后的数据进行过滤，聚合相关概念请参见创建数据集。 单击“新建筛选条件”可以设置多个过滤条件。
        date	按区间值过滤	设置时间区间进行过滤。
        	按单值过滤	设置单个时间进行过滤。
        	按条件过滤	支持设置且条件和或条件，支持>、≥、＜、≤、＝等设置。 单击“新建筛选条件”可以设置多个过滤条件。

  3. 设置排序
     1. 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。
     2. 单击排序内字段的，选择排序方式。支持以下排序方式：升序、降序、自定义。
     3. 如果想取消排序，单击排序内字段的即可。
  4. 查询返回数限制

     设置查询返回数限制，在输入框输入合适的返回数，默认数值为1000。

  5. 设置自动刷新

     自动刷新间隔时间支持：不刷新、1分钟、5分钟、15分钟、30分钟。

样式

• 尺寸位置
  • W：设置图表的宽，单位为px。
  • H：设置图表的高，单位px。
  • X：设置图表在画布中的位置。单位为px。
  • Y：设置图表在画布中的位置。单位为px。
  • 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
  图1 尺寸位置
  
• 全屏
  • 全局样式
    • 全屏显示：支持通过url和本地上传图片。
    • 退出全屏：支持通过url和本地上传图片。
    • 背景色：设置全屏功能的背景色。
    • 圆角：设置全屏的圆角。
    • 显示方式：支持总是和鼠标上移。
• 搜索
  • 样式
    • 提示信息：支持对文本、字体大小、颜色的设置。
    • 字号：支持设置搜索的字号。
    • 字体粗细：支持设置搜索字体的粗细。
    • 字体颜色：支持设置搜索字体的颜色。
    • 背景色：支持设置搜索的背景色。
    • 搜按钮颜色：支持设置搜索按钮的颜色。
    • 边框：支持设置边框的宽度、颜色、边框类型。边框类型支持实线、虚线、点划线。
• 单选下拉
  • 样式
    • 背景色：设置单选下拉的背景颜色。
    • 边框：支持对边框的宽度、圆角、颜色、类型的设置。
    • 箭头：支持对箭头的颜色、大小、右边距的设置。
    • 字体样式：支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。
  • 结果框样式
    • 最大高度：设置单选下拉的最大高度。
    • 字体大小：设置单选下拉的字体大小。
    • 字体粗细：设置单选下拉的字体的粗细。
    • 字体颜色：设置单选下拉的字体颜色。
    • 选项悬浮颜色:支持设置单选下拉的选项悬浮色。
    • 选项选中颜色：支持设置单选下拉的选项选中的颜色。
    • 背景色：支持设置单选下拉的背景色。
  • 选择配置：勾选“允许取消选择”，单选下拉允许取消选择，且提示文本可设置；未勾选“允许取消选择”，单选下拉不允许取消选择，提示文本不可设置。

    如果没有设置初始值、未勾选选择配置，则默认填入绑定字段的第一行数据；如果绑定的数据集无数据的情况下，单击下拉框展示“暂无数据”。

  • 初始值设置：支持单选下拉设置初始值，设置方式有固定和动态获取。
    • 固定：当初始化值方式为固定时，可设置单选下拉组件的初始字段。
      • 不填写初始字段、允许取消选择，则为不设置默认值。
      • 不填写初始字段、不允许取消选择，则默认填入绑定字段的第一行数据。
    • 动态获取：当初始化值方式为动态获取时，可设置单选下拉组件的字段索引。
      • 填入索引值将用于动态获取初始值。填入0则默认选中第一行数据。索引值超出数据范围则取最后一行数据。
      • 不允许输入负数。
• 多选下拉框样式
  • 样式
    • 背景色：设置多选下拉的背景颜色。
    • 边框：支持对边框的宽度、圆角、颜色、类型的设置。
    • 箭头：支持对箭头的颜色、大小、右边距的设置。
    • 卡片样式：支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。
  • 结果框样式

    最大高度：设置多选下拉的最大高度。

  • 初始值设置
    • 初始化值：支持多选下拉框设置初始值，设置方式有固定和动态获取。
      • 固定：当初始化值方式为固定时，可设置单选下拉组件的初始字段，多个字段之间用分号。
      • 动态获取：当初始化值方式为动态获取时，可设置多选下拉组件的字段索引，多个索引之间用分号。

        填入索引值将用于动态获取初始值，填入0则默认选中第一行数据。索引值超出数据范围则取最后一行数据。

        索引值去重：如果填入两个重复的索引值，则以单个索引值为初始化值；填入多个索引值，超出实际数据范围，根据索引值规则，显示数据围内的字段。

    • 提示文本：设置下拉选项的提示文本。
    • 文本大小：用户可自定义设置。
• Tab列表样式
  • 全局样式
    • 字体：设置Tab列表的字体。
    • 行数：设置Tab列表的行数时，输入值不能小于1。
    • 边框宽度：设置Tab列表的宽度，输入值不能小于0。
    • 选择类型：设置Tab列表的类型，支持单选多选的设置。
  • Tab配置：可对tab的内容以及值进行设置。
  • 标签配置：
    • 字号：字号设置范围10~100之间。
    • 字体颜色：用户自定义标签颜色。
    • 字体粗细：字体粗细类型Normal、Bold、Bolder、Lighter。
    • 背景颜色：标签列表的背景颜色可自定义设置。
    • 圆角半径：标签的圆角半径可设置，取值范围0~50。
    • 选中文字/背景/悬浮边框颜色：用户可自定义设置颜色。
  • 单轮轮播：
    • 轮播开关：支持设置轮播开关设置。
    • 轮播间隔：轮播间隔用户可设置，取值范围不能小于3000。

交互

• 交互定义
  1. 单击“交互”进入交互页面。
  2. 单击“交互定义 > 编辑交互事件”，进入交互编辑页面。
     图2 交互编辑页面
     
  3. 支持设置事件。
  4. 添加动作，动作支持隐藏和显示（根据选择的组件显示不同的动作值）。
  5. 单击“确定”，完成交互事件的设置。
     

     • 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
       • string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
       • number数值类型支持的字符有＝、≠、>、≥、＜、≤为空、不为空。
       • date日期类型支持的字符串有＝、>、≥、＜、≤。
     • 交互支持绑定数据集的SQL占位符。
       • 前提：在关联的数据集中编辑SQL，加入动态参数，将参数设置成全局生效。
       • 进入组件编辑页面，单击“交互”进行交互设置。
• 控件变量
  1. 单击“交互>空件变量>添加变量”，进入添加变量页面。
     图3 添加变量
     
  2. 选择事件、字段值、变量名后，单击保存。