You need to enable JavaScript to run this app.
导航
数字大屏图元交互
最近更新时间:2025.07.16 16:24:31首次发布时间:2024.01.11 17:40:29
复制全文
我的收藏
有用
有用
无用
无用

数字大屏中,对于部分图表,除了支持图表级别交互外,还支持图元级别的交互。用户可为图表中的单个图元元素,配置触发事件及其相应的响应操作。本文为您介绍数字大屏图元交互功能。

快速入门

以「词云」为例,使用图表图元交互功能的流程如下:

  1. 添加所需的图表组件到画布,并完成数据配置操作。此处拖拽「词云」至画布编辑区,完成数据配置。
  2. 交互面板中新建交互,选择所需的事件类型。此处选择「每项文字单击」。
    Image
  3. 针对该事件设置所需的响应。此处为词云每项文字单击事件配置的响应为「打开链接」。
    Image
    1. 点击「新增响应」,选择响应方式为「打开链接」;
    2. 点亮「fx」,构造链接,此处输入:'https://www.volcengine.com/docs/'+Event.RowData['额外字段']['ID']

      说明

      • 图元数据获取基本格式:Event.RowData['字段区域名']['字段展示名称']
      • ['字段区域名']可以为图表中的字段区域,例如下图中的['文本标签']区域,也可以为['额外字段']。额外字段指的是未展现在画布编辑区,但是需要临时使用的字段。例如,此处的['ID']字段,在构造词云时并不需要,但是在构造链接时需要,因此要先添加到「数据配置」-「额外字段」中。
        Image
  4. 实现效果:单击词云中任一文字项,即可打开产品对应的官网文档链接。例如,此处单击“智能数据洞察”,即可打开智能数据洞察产品火山引擎官网文档中心的链接。
    Image

功能介绍

下面介绍各图表图元交互事件,相关响应配置可参考数字大屏交互配置

表格

表格支持每行数据单击、每行数据双击事件。
Image

柱状图、条形图类图表

并列柱状图、堆叠柱状图、堆叠条形图、百分比柱状图、百分比条形图、并列条形图、双向条形图、漏斗图、排行榜支持每项柱形单击、每项柱形双击事件。
Image

线型图表

折线图、面积图、百分比面积图支持每项节点单击、每项节点双击事件。
Image

环型图表

环形图、玫瑰图、饼图、3D环形图等环形图表均支持每项扇区单击、每项扇区双击事件。
Image

双轴图

双轴图支持每项柱形单击、每项柱形双击、每项节点单击、每项节点双击事件。
Image

词云

词云支持每项文字单击、每项文字双击事件。
Image

散点图、圆视图

散点图、圆视图支持每项气泡单击、每项气泡双击事件。
Image

搭建示例

词云联动地图下钻

编辑页配置

Image

查看页效果

Image

环形图联动并列柱状图

编辑页配置

Image

查看页效果

Image