大屏跳转如何实现点击不同的模块跳转到不同的链接地址?
更新时间: 2024-07-30 11:42:53
阅读 429
大屏跳转如何实现点击不同的模块跳转到不同的链接地址
需求:我有一个饼图,希望我点击不同的区域可以跳转不同的地址链接。
首先我们需要创建一个全局交互参数:
然后我们创建一个饼图:
创建写入参数,触发时机为选中数据,使用字段为自定义:
选择窗口编辑,加入一下代码:
function _innerHandle (record, params) {
const dq = record['地区']
if (dq === "东北"){
params["跳转交互参数"] = "https://wwww.baidu.com"
}else if (dq === "华北"){
params["跳转交互参数"] = "https://www.json.cn/"
}else if (dq === "华东") {
params["跳转交互参数"] = "https://www.taobao.com/"
}
return params
}
然后开启饼图的跳转功能,编辑窗口,数据#号键加入之前创建的交互参数:
最终就实现了下面的效果:
其他组件都可以参照这个例子文档反馈
以上内容对您是否有帮助?