Echarts处理点击链接事件的解决方案

简介: Echarts处理点击链接事件的解决方案

设置地区名称数组

    var town = ["莞城街道", "南城街道", "东城街道", "万江街道", "石龙镇", "石排镇", "茶山镇", "企石镇", "桥头镇", "东坑镇", "横沥镇", "常平镇", "虎门镇", "长安镇", "沙田镇", "厚街镇", "寮步镇", "大岭山镇", "大朗镇", "黄江镇", "樟木头镇", "谢岗镇", "塘厦镇", "清溪镇", "凤岗镇", "麻涌镇", "中堂镇", "高埗镇", "石碣镇", "望牛墩镇", "洪梅镇", "道滘镇"];
    var townUrl = ["guancheng", "nancheng", "dongcheng", "wanjiang", "shilong", "shipai", "chashan", "qishi", "qiaotou", "dongkeng", "hengli", "changping", "humeng", "changan", "shatian", "houjie", "liaobu", "dalingshan", "daliang", "huangjiang", "zhangmutou", "xiegang", "tangxia", "qingxi", "langang", "mayong", "zhongtang", "gaobu", "shijie", "wangniutun", "hongmei", "daojiao"];

点击事件

    // 处理点击事件;
    myChart.on('click', function (params) {
        var subSystem = params.name;
        for (var i = 0; i < town.length; i++) {
            if (subSystem == town[i]) {
                previewImg('images/pics/' + townUrl[i] + ".jpg", subSystem);
            }
        }
    });


Done!

相关文章
|
11月前
Echarts手机端无刷新实现图表自适应横屏和竖屏的解决方案
Echarts手机端无刷新实现图表自适应横屏和竖屏的解决方案
249 0
|
11月前
|
容器
layui框架实战案例(14):tabs选项卡切换时echarts拉伸变形无法正常显示的解决方案
layui框架实战案例(14):tabs选项卡切换时echarts拉伸变形无法正常显示的解决方案
134 0
|
11月前
|
数据可视化 搜索推荐 前端开发
漏刻有时数据可视化Echarts组件开发(16):乡镇街道下辖村级或社区级别的行政区域边界轮廓划分的svg解决方案
漏刻有时数据可视化Echarts组件开发(16):乡镇街道下辖村级或社区级别的行政区域边界轮廓划分的svg解决方案
258 0
|
11月前
|
数据可视化
漏刻有时数据可视化Echarts组件开发(19):树图tree构建环绕圆的解决方案
漏刻有时数据可视化Echarts组件开发(19):树图tree构建环绕圆的解决方案
89 1
漏刻有时数据可视化Echarts组件开发(19):树图tree构建环绕圆的解决方案
|
11月前
|
数据可视化
漏刻有时数据可视化Echarts组件开发(17):环图显示设备状态正常故障的解决方案
漏刻有时数据可视化Echarts组件开发(17):环图显示设备状态正常故障的解决方案
60 0
|
11月前
|
数据可视化
漏刻有时数据可视化Echarts组件开发(16):map3D实现360连续旋转的解决方案
漏刻有时数据可视化Echarts组件开发(16):map3D实现360连续旋转的解决方案
65 0
|
11月前
echarts图例legend实现默认选中显示状态的解决方案
echarts图例legend实现默认选中显示状态的解决方案
239 0
|
1月前
|
JavaScript
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
214 0
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
|
1月前
|
JavaScript
封装echarts china map geo实现dispatch触发geoSelect事件高亮显示某个省份和城市,并定义复杂样式
封装echarts china map geo实现dispatch触发geoSelect事件高亮显示某个省份和城市,并定义复杂样式
|
7月前
echarts饼图点击区块事件
echarts饼图点击区块事件
33 0