# 联动案例

这里列出了一些联动案例,展示联动的配置与效果。

# 卡片与卡片联动

# 自动联动

  • 1、使用超市-订单[示例]数据新建卡片一

    进入我的分析,点击新建按钮进入卡片设计器。

    全局样式

    • 选择数据资源:从示例数据文件夹中选择超市-订单[示例]

    • 把维度拖动至列内,把度量数量拖动至行内,卡片设计器即会自动推荐生成柱图。

    • 为卡片重命名(可忽略,仅为了方便区分卡片),依次点击保存发布按钮,即可发布卡片一

  • 2、使用超市-订单[示例]数据新建卡片二

    进入我的分析,点击新建按钮进入卡片设计器。

    全局样式

    • 选择数据资源:从示例数据文件夹中选择超市-订单[示例]

    • 把维度分类拖动至列内,把度量数量拖动至行内,卡片设计器即会自动推荐生成柱图。

    • 点击饼图图标,设计器会自动将上述两字段进行转化,生成对应饼图。

    • 为卡片重命名(可忽略,仅为了方便区分卡片),依次点击保存发布按钮,即可发布卡片二

  • 3、建立卡片与卡片自动联动看板

    进入我的看板,点击新建按钮进入看板设计器。

    从左侧分析组件中找到刚才新建的卡片一卡片二,拖动至画板区域,两卡片即可自动联动,效果如下图。

    全局样式

    TIP

    此看板完成的功能为:同数据资源的多个卡片之间会自动生成联动规则,当其中一个发生变化时,其自动联动的其他卡片也会触发联动。

# 手动联动

  • 1、使用上述自动联中新建的卡片一(数据资源为超市-订单[示例]

  • 2、使用其他数据资源新建卡片三

    全局样式

    • 选择数据资源:选择与卡片一不同的数据资源(根据个人实际情况,找到一个合适的即可)。

    • 把维度CITY_NAME拖动至列内,继续拖动其他字段,生成一个卡片(此处示例生成了表格)。

    • 把度量DEPTH拖动至筛选框内进行筛选,选定值为 1,筛选出所有省份数据。

    • 为卡片重命名(可忽略,仅为了方便区分卡片),依次点击保存发布按钮,即可发布卡片三

  • 3、建立卡片与卡片手动联动看板

    进入我的看板,点击新建按钮进入看板设计器。

    从左侧分析组件中找到刚才新建的卡片一卡片三,拖动至画板区域,因为非同源,现在卡片是互相之间没有任何联动效果,此时需通过手动新建联动规则来完成两卡片之间的联动。

    • 选中卡片一,右侧高级配置,点击编辑按钮,在打开的联动配置弹窗中,新建联动规则如下,并点击弹窗的确定按钮保存规则,此时卡片一点击时,卡片三就会联动了。

      全局样式

    • 选中卡片三,右侧高级配置,点击编辑按钮,在打开的联动配置弹窗中,新建联动规则如下,并点击弹窗的确定按钮保存规则,此时卡片三点击时,卡片一就会联动了。

      全局样式

  • 最终效果如下图

    全局样式

    TIP

    此看板完成的功能为:不同数据资源的卡片之间,可以经过手动配置联动规则形成联动,这样即使是不同源数据卡片之间也可以完成相互作用,实现联动效果。

# 过滤组件与卡片联动

  • 1、使用上述卡片与卡片联中新建的卡片一

  • 2、从左侧标准组件框中拖入一个文本组件,我们希望使用此组件对卡片一省份字段进行过滤,那么我们可以选中此文本组件,右侧高级配置,点击编辑按钮,在打开的联动配置弹窗中,新建联动规则如下,并点击弹窗的确定按钮保存规则即可。

    全局样式

  • 3、看板支持多个过滤组件对同一卡片进行过滤,我们可以继续从左侧标准组件框中拖入一个数值组件,用此组件对卡片一数量字段进行过滤,那么我们可以选中此数值组件,右侧高级配置,点击编辑按钮,在打开的联动配置弹窗中,新建联动规则如下,并点击弹窗的确定按钮保存规则即可。

    全局样式

  • 此时修改文本组件内容和数值组件内容均可以对卡片一进行过滤,效果图如下。

    全局样式

    TIP

    此看板完成的功能为:过滤组件可以通过手动配置联动规则,实现与其他有数据资源卡片之间的联动,且联动时机为过滤组件失去焦点时。

# 过滤容器与卡片联动

过滤容器与卡片联动的配置与上述过滤组件与卡片联动配置基本类似,只是在第 2 步前需要先拖入一个过滤容器,然后文本组件和数值组件均需要拖入容器中方可。

  • 1、使用上述卡片与卡片联中新建的卡片一

  • 2、从左侧标准组件框中拖入一个过滤容器。

  • 3、同上述联动中的第 2 步,只是需要将组件拖入过滤容器。

  • 4、同上述联动中的第 3 步,只是需要将组件拖入过滤容器。

  • 此时修改文本组件内容和数值组件内容均需要点击过滤容器的搜索按钮,方可以对卡片一进行过滤(容器对条件进行了合并触发),效果图如下。

    全局样式

    TIP

    此看板完成的功能为:多个过滤组件可以通过包裹到过滤容器内的方式,完成多种联动规则的合并功能,实现与其他有数据资源卡片之间的联动,且联动时机为过滤容器内搜索按钮被点击时。

# 上卷下钻

  • 1、使用超市-订单[示例]数据新建卡片四

    进入我的分析,点击新建按钮进入卡片设计器。

    全局样式

    • 选择数据资源:从示例数据文件夹中选择超市-订单[示例]

    • 维度下创建可下钻层级结构(如下图将三个字段创建为层级结构),把层级结构中的拖动至列内,把度量数量拖动至行内,卡片设计器即会自动推荐生成柱图。

    全局样式

    • 为卡片重命名(可忽略,仅为了方便区分卡片),依次点击保存发布按钮,即可发布卡片四
  • 2、建立上卷/下钻看板

    进入我的看板,从左侧分析组件中找到刚才新建的卡片四,拖动至画板区域即可,上卷/下钻效果如下图。

    全局样式

    TIP

    此看板完成的功能为:通过配置带有层级结构的维度数据,创建允许下钻/上卷的卡片,实现对数据的多维度、有层次的分析。

# 上卷下钻并联动

# 自动联动

  • 1、使用上述卡片与卡片联中新建的卡片二(效果比卡片一更好)。

  • 2、使用上述上卷下钻中新建的卡片四

  • 3、建立卡片与卡片上卷下钻并自动联动看板

    进入我的看板,点击新建按钮进入看板设计器。

    从左侧分析组件中找到刚才新建的卡片二卡片四,拖动至画板区域,两卡片即可自动联动,效果如下图。

    全局样式

    TIP

    此看板完成的功能为:带有下钻/上卷功能的卡片,与普通卡片类似,也可以与同数据资源的卡片自动联动。

# 手动联动

  • 1、使用上述上卷下钻中新建的卡片四

  • 2、仿照上方新建卡片三的步骤新建卡片五,省略其中的第 ③ 步,这样卡片五显示的即为全部省市区数据。

  • 3、建立卡片与卡片上卷下钻并手动联动看板

    进入我的看板,点击新建按钮进入看板设计器。

    从左侧分析组件中找到刚才新建的卡片三卡片五,拖动至画板区域。

    选中卡片三,右侧高级配置,点击编辑按钮,在打开的联动配置弹窗中,新建联动规则如下,并点击弹窗的确定按钮保存规则,此时卡片三点击时,卡片五就会联动了。

    全局样式

    TIP

    此看板完成的功能为:带有下钻/上卷功能的卡片,与普通卡片类似,可以通过配置联动规则,实现与不同数据资源的卡片之间的联动。

Last Updated: 5/11/2024, 3:11:19 PM