华为云首页用户手册

数据可视化 DLV-设置组件链接交互实现下钻功能:设置链接交互实现下钻功能

数据可视化 DLV-设置组件链接交互实现下钻功能:设置链接交互实现下钻功能

时间：2023-12-20 11:23:05

数据可视化 DLV 管理组件

设置链接交互实现下钻功能

以下以表格轮播组件为例，介绍如何实现下钻交互。

创建一个大屏，进入大屏编辑页面，添加组件，以添加表格轮播组件为例。
单击组件，在“数据”面板中，展开某一个系列字段，为该系列配置“超链接”和“链接方式”。
- 超链接：表示点击组件中的某一数据时，网页将会指向的目标链接。
- 链接方式：有新窗口、当前页、浮窗三种超链接展示方式。假设在本示例中选择“浮窗”方式。
  - 新窗口：表示目标链接将会在浏览器的新窗口中打开。
  - 当前页：表示目标链接在当前浏览器窗口打开。
  - 浮窗：表示目标链接会在当前大屏中心的悬浮窗口中打开。
图1 配置超链接
打开表格轮播组件的交互面板，勾选“链接”开启超链接交互事件。

此处可以设置所有系列的“超链接”和“链接方式”，若数据面板中各个系列单独设置了“超链接”和“链接方式”，则以数据面板中的设置优先。
图2 开启链接交互
若在查看大屏点击组件时，需要在超链接中以当前点击的数据作为交互变量的值进行交互，可单击“新建”按钮新建交互变量，并设置交互变量与字段的映射关系。

例如，在本示例中，新建如图3所示的交互变量，在查看大屏时若点击组件中的某一数据，该数据对应的area字段的值和series字段的值将会分别传递给超链接中的变量area和table_serie，从而使打开的超链接显示相应的详情页面。
图3 新建交互变量
完成超链接的配置后，单击页面右上角的按钮预览大屏，然后在大屏中单击组件中的某一数据，就可以打开相应的超链接显示详情数据。

图4 浮窗效果

上一篇：数据可视化 DLV-水平柱状图:样式

下一篇：数据可视化 DLV-柱状图:样式

新客秒杀 2核2G 3M L实例

68元/年

普惠上云领千元上云礼券

立即前往

企业专享 X实例 4核8G 5M

888元/年

热门域名 1元随心购

1元/年起

数据可视化 DLV-设置组件链接交互实现下钻功能:设置链接交互实现下钻功能

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题