不需要做鼠标移出地图后的事件监听。

echarts 点击一个区域,会选中它。再次点击,就取消选中。

只需要设置地图只能选择一个,然后监听点击事件,鼠标点击时,判断该区域是否选中,如果选中则显示相应区域的数据。如果没有选中,则判断其他区域是否也是没有选中,如果是则显示整个厦门市的数据。

ps:地图的点击事件有问题吧,点击某个区域,偶尔并没有选中它。

bigFamilyChart.off('click' );

bigFamilyChart.on("click", function(params){

if(params.region.selected){

bigFamilyChart.dispatchAction({

type: 'geoSelect',

name : params.name

});

}else{

bigFamilyChart.dispatchAction({

type: 'geoUnSelect',

name : params.name

});

}

});

bigFamilyChart.on("geoselected", function(params){

var braData = internal.getBarData(internal.signSrc.streetInArea[params.name], "streetName", "signRate");

var option = {

title : {

text : "厦门市 " + params.name

},

yAxis : [

{ data : braData.axisLabels }

],

series : [

{ data : braData.data }

]

};

internal.fStreetbarChart.setOption ( option );

internal.familySignVM.signAmount(internal.signSrc.areaSigns[params.name ].signAmount);

internal.familySignVM.signRate(internal.signSrc.areaSigns[params.name ].signRate);

});

bigFamilyChart.on("geounselected", function(params){

var flag = false;

for(var i in params.selected ){

if(params.selected[i]){

flag = true;

break;

}

}

if(!flag){

var braData = internal.getBarData(internal.signSrc.streetInArea[params.name], "streetName", "signRate");

var option = {

title : {

text : "厦门市"

},

yAxis : [

{ data : internal.signSrc.areaBarData.axisLabels }

],

series : [

{ data : internal.signSrc.areaBarData.data }

]

};

internal.fStreetbarChart.setOption ( option );

internal.familySignVM.signAmount(internal.signSrc.citySigns.signAmount);

internal.familySignVM.signRate(internal.signSrc.citySigns.signRate);

}

});

echarts 地图去除点击事件_echarts 地图 鼠标移出地图后的事件要怎么写相关推荐

  1. echarts 地图去除点击事件_ECharts地图区域处理事件

    ECharts 中有两种方式的地图区域处理: 一种是在 geo 中: 另一种是在 series-map 中 geo 的情况下 : events.geoselectchanged   |  Event ...

  2. echarts 地图去除点击事件_echarts 取消图例上的点击事件和图表上鼠标滑过点击事件...

    备注:标黄的代码是起作用的代码,其他的不需要借鉴!!! //取消 鼠标滑过的提示框 tooltip : { trigger: 'item', show:false, formatter: " ...

  3. python 实现对地图的点击_python使用folium库绘制地图点击框

    python使用folium 库生成地图网页的具体代码,供大家参考,具体内容如下 folium 官网 import folium import pandas as pd def mark_map(da ...

  4. python 实现对地图的点击_利用python和百度地图API实现数据地图标注的方法

    如题,先上效果图: 主要分为两大步骤 使用python语句,通过百度地图API,对已知的地名抓取经纬度 使用百度地图API官网的html例程,修改数据部分,实现呈现效果 一.使用python语句,通过 ...

  5. vue 移入显示_vue鼠标移入显示点赞图标,移出隐藏点赞图标,现在我想点击点赞图标,鼠标移出不会隐藏图标,怎么做?...

    @mouseover="showLike(i)" @mouseleave="hideLike(i)"> @click="likePoint(i) ...

  6. vue中 给元素添加鼠标移入,鼠标移出的效果的事件

    在vue 中鼠标移入方法为 v-on:mouseover,鼠标移出方法为 v-on:mouseout 使用方法如以下代码中的写法 <div class="subei1" id ...

  7. 百度地图api 点击标注后跳转页面

    百度地图api 点击标注跳转页面 初始化地图 window.onload = function(){//得到所有点,包括点的id.经纬度.跳转地址链接//jd. wd.hrefgetPoints(); ...

  8. echarts 地图 scatter点击事件_React实现高亮可点击地图

    目前越来越多的项目中开始使用地图,而对地图的需求也不仅仅是简单的纯展示,更多了各种各样的交互功能.今天这篇文章主要介绍的就react中通过Echarts实现一个高亮可点击的省市地图.接下来先看看效果图 ...

  9. 地图的legend点击事件_Echarts 图例交互事件

    图例交互事件: 1) legendselectchanged : 切换图例选中状态后的事件 (注:图例组件用户切换图例开关会触发该事件,不管你有没有选择,点击了就触发) 2)legendselecte ...

最新文章

  1. sources root pycharm 怎么设置_使用python语言开发ROOT之搭建环境方法探索
  2. c#自定义控件窗体Click无法点击Lable的处理解决方案
  3. kafka概述与下一代消息队列
  4. python_ re模块学习
  5. 申论万用句型——背下来
  6. HDU 4414 Finding crosses(搜索)
  7. Jsoup V的幕后秘密:优化的技巧和窍门
  8. Spring boot 自动配置工作原理
  9. 【转载】Ogre的内存分配策略
  10. web系统找回密码流程
  11. 浙大python判断两个字符串是否为变位词_Python实现对变位词的判断
  12. c++opencv汉字分割_基于OpenCV 的车牌识别
  13. 5. PDO 数据库封装
  14. 使用CyberController来将旧手机改造成电脑外挂------手机交互翻译、人脸解锁、语音识别....各个功能等你来探索
  15. 哪些人适合转行学习IT技术
  16. bitbake的原理介绍, 使用方法, 编译脚本的编写方法
  17. ServiceWorker 缓存与 HTTP 缓存
  18. 做为一个开源软件开发者,需要什么样的开源许可证?(一)
  19. Viewer.js Javascript/jQuery图片查看器
  20. php许愿墙mysql_基于Apache+php+mysql的许愿墙网站的搭建

热门文章

  1. 顺网科技服务器维修,给网吧新手:顺网科技网维大师9系施工教程
  2. JS逆向之浏览器补环境详解
  3. pyspider 爬取结果 mysql_【已解决】PySpider中保存数据到mysql
  4. 快看,好神奇!把Python脚本变成漂亮的机器学习工具
  5. 关于苹果开发的知识总结
  6. 数据仓库建设方案详细(一):数据仓库建设(下)
  7. WebRTC源码分析-呼叫建立过程之五(创建Offer,CreateOffer,上篇)
  8. 软银在商业街测试自动驾驶巴士,以5公里时速往返行驶
  9. web后端实现验证码思路
  10. 通过反射解决在HuaWei手机出现Register too many Broadcast Receivers的crash