大屏跳转如何实现点击不同的模块跳转到不同的链接地址

需求:我有一个饼图,希望我点击不同的区域可以跳转不同的地址链接。

首先我们需要创建一个全局交互参数:

大屏跳转如何实现点击不同的模块跳转到不同的链接地址? - 图1

然后我们创建一个饼图:

大屏跳转如何实现点击不同的模块跳转到不同的链接地址? - 图2

创建写入参数,触发时机为选中数据,使用字段为自定义:

大屏跳转如何实现点击不同的模块跳转到不同的链接地址? - 图3

选择窗口编辑,加入一下代码:

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
}

大屏跳转如何实现点击不同的模块跳转到不同的链接地址? - 图4

然后开启饼图的跳转功能,编辑窗口,数据#号键加入之前创建的交互参数:

大屏跳转如何实现点击不同的模块跳转到不同的链接地址? - 图5

最终就实现了下面的效果:

大屏跳转如何实现点击不同的模块跳转到不同的链接地址? - 图6

其他组件都可以参照这个例子