echarts点击柱形图表跨域跳转到父页面指定的iframe页面代码

最近在做项目的时候发现echarts图表点击跨域跳转到父页面的代码在网上找不到，自己研究写了个，父页面获取柱形图的参数，根据点击柱形对应的名称替换父页面指定模块的iframe页面内容。同时，echarts图表根据分辨率可以自动适应屏幕。缩小屏幕的同时，图表也跟着缩放。
同理，这个例子也可以运用于echarts点击图表跳转到指定页面上的任意iframe位置。

实现效果，如下图所示：

父页面调用参数代码设置：

代码片段：      

 console.log(json)

        //alert(json.a + "," + json.b)

        if(json.a == "1"){

            document.querySelector('#iframe3').src='https://www.8y-ad.com/'

        }  else if(json.a == "2"){

            document.querySelector('#iframe3').src='https://www.gzidc.com/'

        }  else if(json.a == "3"){

            document.querySelector('#iframe3').src='https://www.sina.com/'

        }  else if(json.a == "4"){

……

篇幅有限，为了防止同行拷贝和伸手党不劳而获，本处设置了支付可见内容。代码源码已经打包提供网盘下载！！！

链接: https://pan.baidu.com/s/1Rfy0eH0E0rT45tR0HeSPFg