制作交互

前提条件

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

操作步骤

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

交互组件类型说明

字段

• iFrame：链接用户自己输入。
• 单选下拉框/多选下拉框：
  在数据列下的类别轴/维度和轴值/度量内，选择需要的“选项/维度”：

  • 在维度列表中，选择字段拖拽或双击至类别轴/维度区域。
  • 在度量列表中，选择字段拖拽至轴值/度量区域。

  字段列表还包含以下内容方便您更好的分析数据内容：

  • 设置字段显示内容（类别轴/维度）

    单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改。

  • 设置聚合方式（轴值/度量）

    单击列内字段的，选择“聚合方式”单击，支持设置无聚合、求和、计数、去重计数、最大值、最小值、平均值、总体标准差、样本标准差、样本方差、区间起始值、区间结束值。

  • 过滤：如果您的数据量较大，可以启用过滤器功能，将需要的某一类或者某几类数据从数据集中过滤出来。过滤器可以过滤字符类、数值类和日期类的数据。
    过滤设置：单击过滤内的需要设置过滤字段上的，进入设置过滤器页面。

    • 过滤字段选择维度
      • 非时间字段

        表2 过滤器参数

        参数	参数说明
        数据集	构造大屏组件所选的数据集。
        选中字段	选择过滤的字段（非时间字段）。
        过滤方式	设置的字段为维度时，支持按条件过滤和按枚举过滤方式。
        条件形式	设置的字段为维度时，在按条件过滤方式下，支持设置且条件和或条件。 设置的字段为维度时，在按枚举过滤方式下，支持单选和多选。
        过滤条件	设置的字段为维度时，按条件过滤支持：精确匹配、包含、开头是、不匹配、不包含、为空、不为空等设置。 设置的字段为维度时，按枚举过滤方式：选择对应的字段。

      • 时间字段

        表3 过滤器参数

        参数	参数说明
        数据集	构造大屏组件所选的数据集。
        选中字段	选择过滤的字段（时间字段）。
        过滤方式	设置的字段为维度时，支持单值过滤、按区间值过滤、按条件过滤。
        过滤条件	设置的字段为维度时，按单值区间、区间值过滤，过滤条件支持绝对时间和相对时间。 设置的字段为维度时，按条件过滤支持且条件、或条件。

    • 过滤字段选择度量

      表4 过滤器参数

      参数	参数说明
      数据集	构造大屏组件所选的数据集。
      选中字段	选择过滤的字段。
      条件形式	设置的字段为度量时，条件形式支持且条件、或条件。
      过滤条件	需要设置的字段为度量时，过滤条件支持：>、≥、＜、≤、＝、≠、为空、不为空等设置。也支持对数据的聚合前和聚合后的设置。

  • 排序：对拖入字段的类别轴/维度进行排序，支持三种方式分别为不排序、升序、降序。

    排序设置：单击排序内字段的，选择改需要的顺序。

    

    • 使用维度排序：拖拽维度字段进排序槽位，自动将维度字段添加到维度槽位并在图表中显示。
    • 使用度量排序：图表中默认不显示排序槽位中的度量字段，如需显示请再次拖动度量字段到度量槽位。
  • 查询返回数限制：最大的字段为5000最小字段为1。
  • 自动刷新：刷新数据的时间，可以设置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. 选择事件、字段值、变量名后，单击保存。