如何使用回调ID实现图表联动功能

回调ID可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的。例如下图中的数字翻牌器组件，当点击翻牌器时，将当前值通过income字段传递给其他组件显示。

如何设置回调ID

登录DataV控制台。在我的可视化页面，单击您创建的可视化应用项目上方的编辑按钮。

选择数字翻牌器组件，单击编辑器画布右侧的交互页签。

选中数字变化响应事件右侧的启用。

修改绑定到变量中的变量名称，将value修改为income。

配置完成后，其他组件就可以使用income取得对应的参数值了。

如何使用回调ID

选择另一个数字翻牌器组件，单击数据页签。

单击配置数据源，设置数据源类型为数据库。

在SQL输入框中输入select :income as value。

单击页面右上角的图标，预览展示结果。

当单击上方的数字翻牌器后，下方的数值和上方一致，从而实现使用回调ID获取数据。

常见问题

Q：在画布编辑页面，配置了回调ID后，无法获取回调值，导致数据查询失败怎么办？

A：画布编辑页面无法触发事件获取回调值，导致请求失败。您可以选择以下两种方式，查看请求的返回值：

预览页面查看。在浏览器控制台Network中查看请求的返回值，或者直接通过组件显示方式查看。

编辑页面查看。在可视化应用URL后添加测试参数来测试数据，添加方式如下。

https://datav.aliyun.com/admin/screen/99999?参数名=参数值

网址：如何使用回调ID实现图表联动功能 http://c.mxgxt.com/news/view/1208195

相关内容

前端如何制作联动图表
抖音星图联调工具是什么？怎么使用？
ECharts的多图表联动当需要展示的数据比较多时，放在一个图表进行展示的效果并不佳，此时，可以考虑使用两个图表进行联动
如何用QuickBI制作图表联动的销售报表
微信密友功能使用指南：如何隐藏好友动态
抖音密友功能使用指南：如何查看与管理密友名单
数据库关联关系图如何画
人物关系图制作指南：如何使用思维导图软件呈现角色之间的联系
如何用明星快递ID起个趣味名字？看看这些创意！
抖音互关：使用好互动功能，增强账号影响力和忠实粉丝。

随便看看