本文为您介绍在 DataV 控制台中单击某一个图表,需要另外一个图表的数据也会有相应变化时,可以通过配置组件的回调 ID,来实现图表联动的方法。

什么是回调 ID

回调 ID 可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的。比如下图中的地图组件,单击地图上的某一个点显示这个点的详细信息,就是通过配置地图子组件的回调 ID 来实现的。
地图组件回调ID

如何设置回调 ID

  1. 选择某个组件,单击编辑器画布右侧的交互页签。
  2. 勾选数字变化响应事件右侧的启用
    启用回调ID
  3. 修改绑定到变量中的变量名称,如下图所示,将 lng 修改为 xlat 修改为 y
    修改变量名称

    这时在别的组件使用该变量时,就可以使用 xy 来取得这个参数。

如何使用回调 ID

在数据源中使用 :变量名(如 :x),使用您已经配置的变量。示例如下:
  • SQL:
    select :x as value
    select A from table where lng = :x
  • API:
    http://api.test?lng=:x&lat=:y
说明
  • 如果您的数据源类型静态数据或者 CSV 文件,则不支持回调 ID 的使用。
  • 对于 API 数据源,系统会直接为同名的变量参数赋值。
  • DataV 提供了回调参数自动补全功能。在配置数据源时,只要键入:,编辑器将提示当前屏幕下所有配置过的变量名称。您可以使用上下键选择某个变量名称,完成后按 Enter 键确定。当屏幕中有大量交互组件的时候,这个功能可以帮助您方便快速地使用回调 ID。
    回调参数自动补全功能