echarts 地图去除点击事件_echarts 地图 鼠标移出地图后的事件要怎么写
不需要做鼠标移出地图后的事件监听。
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 地图 鼠标移出地图后的事件要怎么写相关推荐
- echarts 地图去除点击事件_ECharts地图区域处理事件
ECharts 中有两种方式的地图区域处理: 一种是在 geo 中: 另一种是在 series-map 中 geo 的情况下 : events.geoselectchanged | Event ...
- echarts 地图去除点击事件_echarts 取消图例上的点击事件和图表上鼠标滑过点击事件...
备注:标黄的代码是起作用的代码,其他的不需要借鉴!!! //取消 鼠标滑过的提示框 tooltip : { trigger: 'item', show:false, formatter: " ...
- python 实现对地图的点击_python使用folium库绘制地图点击框
python使用folium 库生成地图网页的具体代码,供大家参考,具体内容如下 folium 官网 import folium import pandas as pd def mark_map(da ...
- python 实现对地图的点击_利用python和百度地图API实现数据地图标注的方法
如题,先上效果图: 主要分为两大步骤 使用python语句,通过百度地图API,对已知的地名抓取经纬度 使用百度地图API官网的html例程,修改数据部分,实现呈现效果 一.使用python语句,通过 ...
- vue 移入显示_vue鼠标移入显示点赞图标,移出隐藏点赞图标,现在我想点击点赞图标,鼠标移出不会隐藏图标,怎么做?...
@mouseover="showLike(i)" @mouseleave="hideLike(i)"> @click="likePoint(i) ...
- vue中 给元素添加鼠标移入,鼠标移出的效果的事件
在vue 中鼠标移入方法为 v-on:mouseover,鼠标移出方法为 v-on:mouseout 使用方法如以下代码中的写法 <div class="subei1" id ...
- 百度地图api 点击标注后跳转页面
百度地图api 点击标注跳转页面 初始化地图 window.onload = function(){//得到所有点,包括点的id.经纬度.跳转地址链接//jd. wd.hrefgetPoints(); ...
- echarts 地图 scatter点击事件_React实现高亮可点击地图
目前越来越多的项目中开始使用地图,而对地图的需求也不仅仅是简单的纯展示,更多了各种各样的交互功能.今天这篇文章主要介绍的就react中通过Echarts实现一个高亮可点击的省市地图.接下来先看看效果图 ...
- 地图的legend点击事件_Echarts 图例交互事件
图例交互事件: 1) legendselectchanged : 切换图例选中状态后的事件 (注:图例组件用户切换图例开关会触发该事件,不管你有没有选择,点击了就触发) 2)legendselecte ...
最新文章
- sources root pycharm 怎么设置_使用python语言开发ROOT之搭建环境方法探索
- c#自定义控件窗体Click无法点击Lable的处理解决方案
- kafka概述与下一代消息队列
- python_ re模块学习
- 申论万用句型——背下来
- HDU 4414 Finding crosses(搜索)
- Jsoup V的幕后秘密:优化的技巧和窍门
- Spring boot 自动配置工作原理
- 【转载】Ogre的内存分配策略
- web系统找回密码流程
- 浙大python判断两个字符串是否为变位词_Python实现对变位词的判断
- c++opencv汉字分割_基于OpenCV 的车牌识别
- 5. PDO 数据库封装
- 使用CyberController来将旧手机改造成电脑外挂------手机交互翻译、人脸解锁、语音识别....各个功能等你来探索
- 哪些人适合转行学习IT技术
- bitbake的原理介绍, 使用方法, 编译脚本的编写方法
- ServiceWorker 缓存与 HTTP 缓存
- 做为一个开源软件开发者,需要什么样的开源许可证?(一)
- Viewer.js Javascript/jQuery图片查看器
- php许愿墙mysql_基于Apache+php+mysql的许愿墙网站的搭建
热门文章
- 顺网科技服务器维修,给网吧新手:顺网科技网维大师9系施工教程
- JS逆向之浏览器补环境详解
- pyspider 爬取结果 mysql_【已解决】PySpider中保存数据到mysql
- 快看,好神奇!把Python脚本变成漂亮的机器学习工具
- 关于苹果开发的知识总结
- 数据仓库建设方案详细(一):数据仓库建设(下)
- WebRTC源码分析-呼叫建立过程之五(创建Offer,CreateOffer,上篇)
- 软银在商业街测试自动驾驶巴士,以5公里时速往返行驶
- web后端实现验证码思路
- 通过反射解决在HuaWei手机出现Register too many Broadcast Receivers的crash