DataV中的回调ID是个什么鬼?

简介: 很多朋友经常来询问,组件配置当中有个回调ID 比如这个: 还有这个: 下面就来解释一下回调ID究竟是干嘛用 步骤一:设置回调ID 回调ID可以理解为参数变量,可以用于控制组件之间参数的传递,从而达到交互的目的。

很多朋友经常来询问,组件配置当中有个回调ID, 下面就来解释一下回调ID究竟是干嘛用,可以先看下最终的结果。比如时间轴地图,点击地图上的点显示这个点的详细信息,以及点击某个tab切换某个数据的类型,都是通过回调id来实现的

请看示例动图~~
_ID_

步骤一:设置回调ID

回调ID可以理解为参数变量,可以用于控制组件之间参数的传递,从而达到交互的目的。如下图所示,当A组件的某个点击交互事件(如地图里点击某个散点,或者列表中点击某一行,或者时间轴当中选中某个时间点)时候,就会把所指定的回调ID——即某一个该组件的输入数据字段,如name,临时存在变量:name当中。

screenshot

步骤二:设置变量输入

在组件B当中,当数据源为SQL或者API时(组件B的数据如果为静态数据或者CSV不支持变量),可以将变量输入即可。如
select :name as value
select A from table where year = :name

对于API,则直接会把同名的变量参数赋值

完成!!

更多案例请参考
配置交互地图
配置时间轴地图

相关实践学习
DataV Board用户界面概览
本实验带领用户熟悉DataV Board这款可视化产品的用户界面
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
目录
打赏
0
0
0
1
33769
分享
相关文章
DataV回调id——从入门到精通
细心的朋友们可能会发现DataV的编辑器右侧多出了一个“交互”tab,有没有好奇它是做什么的? 接下来就由小编带领大家一探究竟 配置 入门篇 首先来回顾一下什么是回调id,在DataV中回调id是指某个组件在响应用户操作或者自动触发更新时向别的组件传递的参数,这个参数可以在别的组件中用于数据查询时的动态变量。
68894 3
关于DataV大屏分辨率那些事
关于DataV如何选择合适分辨率的问题,实践中经常遇到一些疑惑。故写此文进行澄清,希望能够帮助各位朋友合理的选择适合自己业务场景的分辨率。
2686 0
react+datav+echarts实现可视化数据大屏
最近有点闲,就学习了下react,没想到就把react学完了,觉得还不错,就打算出一把react+datav的简易版可视化数据大屏供大家做个参考
816 2
react+datav+echarts实现可视化数据大屏
vue2+datav可视化数据大屏(1)
最近打算出一个前端可视化数据大屏的系列专栏,这次将很全面的教大家设计可视化大屏,从开始到打包结束,其中,包括如何设计框架,如何封装axios,等等,本次使用的数据均为mock数据。与正常使用一致。本文会从开始的创建vu23项目到最后的项目打包,本篇共计3节。
1219 1
vue2+datav可视化数据大屏(3)
接上一节所说,当我们将接口封装完了后,我们需要给大屏进行内容填充啦
783 0
vue2+datav可视化数据大屏(2)
接上一节所说 我们已经讲骨架搭好 这节我们讲述的如何在vue2中使用mock数据和封装axios
439 0
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
1946 0
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
使用阿里云dataV实现大屏自动轮播
使用阿里云dataV实现大屏自动轮播进行动态展示
1856 0
使用阿里云dataV实现大屏自动轮播

相关产品

  • DataV数据可视化
  • AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等