echarts地图的问题。地图刷新点击事件重复
 var myChart = echarts.init(document.getElementById('map'));
 var option = {  
      title: {  
       text : '重庆市脱贫地区分布总览',  
       subtext : '当前区域信息',
       top:'20',
       textStyle: {
            fontSize: 18,
            color: '#333'          // 主标题文字颜色
        }
      },  
      series: [  
        {  
        name: '数据名称',  
        type: 'map',  
        mapType: '重庆', 
        top:'65',
        zoom:1.1, 
        selectedMode : 'single',  

            label: {
                        normal: {
                            show: true,//显示省份标签
                            textStyle:{color:"#fbfdfe"}//省份标签字体颜色
                        },    
                        emphasis: {//对应的鼠标悬浮效果
                            show: true,
                            textStyle:{color:"#323232"}
                        } 
                    },
                    itemStyle: {
                        normal: {
                            borderWidth: .5,//区域边框宽度
                            borderColor: '#0550c3',//区域边框颜色
                            areaColor:"#4ea397",//区域颜色

                        },

                        emphasis: {
                            borderWidth: .5,
                            borderColor: '#4b0082',
                            areaColor:"#ece39e",
                        }
                    }, 

        }]  
      };  
myChart.setOption(option);   

myChart.on('click', function (params) {//点击事件
        if (params.componentType === 'series') {
             var provinceName =params.name;
             $('#box').css('display','block');
             $("#box-title").html(provinceName);

            }
});

在一个div中放的是echarts地图,有点击事件,页面会每隔一段时间生成一个新的底图,但是在点击的时候会把以前的点击事件里面的弹框内容给弹出。会反复叠加弹出很多框。。问大神怎么解决

5个回答

html中对按钮绑定点击事件的时候也遇到你这样的问题,明明只是绑定一个方法 ,为什么会走好几遍。
后来把$("#id").bind("click",function(){ ... }) 改成 $("#id").unbind('click').bind("click",function(){ ... })
这样成功了 你照这个思路修改一下 看看还有没有效果

没见你怎么更新的,click只需要绑定一次就行了吧,更新数据的时候不需要再myChart.on('click'绑定,一定要执行绑定,先off掉原来的

 myChart.off('click');
myChart.on('click'...............
qq_29994541
Jwen116 正解
10 个月之前 回复

可能是你创建的myChart对象,没有调用dispose()方法给kill掉,刷新后有很多对象

qq_27794403
残炎黯然 感谢老铁
11 个月之前 回复

你点击事件是在更新函数里面写的吗?

应该是重复绑定造成的,你在绑定点击事件之前先解绑下.unbind('click').on()

2种方案
1 像楼上说的
//先解除以前绑定的click事件
myChart.off('click');
//再绑定新的点击事件
myChart.on('click', function (params) {

});
2 点击事件只绑定一次 , 把绑定点击事件的方法提出来 . 不要重复执行 下面这段代码.
myChart.on('click', function (params) {

});

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts 地图点击事件问题
有个需求,在同一个div里面放置多个地图(切换页面按钮,该div的地图随之变化为相应数据的地图) 发现有个问题就是每个地图都设置了点击事件。然后无论切换到那个地图,都会响应前一个地图的相应事件!!! 找了一下网上的说法,说要先清除点击事件,然后设置点击事件。 myChart.off('click'); myChart.on('click', function(){ // d...
ECharts 地图
ECharts 地图,几种样式的地图DEMO
Echarts地图
结合百度地图实现的中国各个省份的资源分布图,可直接使用
echarts地图
内含世界地图,中国地图,中国各省市地图,js文件和json文件全部都有
echarts 地图
地图 echarts 免费完整下载,里面包括中国及其省市县3级地图的json。和使用例子
用echarts做地图效果,关于地图标记的点击事件
最近需要做一个地图的页面,标记有需要的点,但是tooltip是交互显示信息,我希望做成点击显示,tooltip : rn trigger: 'item',rn showDelay: 0,rn hideDelay: 50,rn showContent : true,rn backgroundColor:'rgba(255,255,255,0)',rn borderRadius : 8,rn borderWidth: 0,rn padding: 10, // [5, 10, 15, 20]rn position :[1,60],rn textStyle : rn color: 'black',rn decoration: 'none',rn fontFamily: 'Verdana, sans-serif',rn fontSize: 15,rn fontStyle: 'italic',rn fontWeight: 'bold' rn ,看了下文档里的on,但是实际操作起来根本没头绪,求教各位大神
引用地图加上地图点击事件
html部分 <div class="menu"> <span class="name">吉林省</span> </div> <div id="main" style
echarts地图(县级地图制作):
关于echarts地图, 2018年初左右,官方已经不支持继续下载,即使可以下载,也就是一些全国地图和省市、地图,但是实际上很多人需要使用到一些县级或者乡级的地图,这样就会让我们经常无从下手,因此,我这里提供了部分乡级地图和县级地图(也是我之前弄的资源),同时也来解释一下具体的地图手工制作的方法,可能有一些笨重,如果非常需要的话之恶能使用这个方法了(个人推荐)。 首先生成工具的链接是:http...
Echarts地图 东莞市地图json
Echarts地图 东莞市地图json
echarts 地图显示问题
echarts貌似是在3.0版本以前是把地图数据内置在echarts文件中的,所以只要引入echarts就可以直接使用地图了,比如省份地图、中国地图。 但是在3.0之后可能是由于法律问题吧,地图数据不在内置了。而需要通过geo也就是json文件加载引入。 目前我这边是用es6 import引入的。这其中也有不熟的地方。我这里引入的是省份地图。 步骤实现: 1.网上—github上就有各个...
echarts 地图的点击事件 触发了两次
重点的代码是fireChart.off("click"); 在给ehcart绑定事件时,要先写上以上代码。
南京市GeoJson地图,echarts数据绑定,地区点击事件
南京市GeoJson地图和echarts各区数据绑定,各地区点击事件
Echarts地图详解(地图样式、合并地图、增加地图)
概述         地图在我们日常的数据可视化分析中是很常见的一种展示手段,不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角色。 地图实现 下面我们就来实现一个基本的地图,并为之添加一些好看的样式。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g...
echarts地图如何实时刷新散点
                                                       每天学习一点点,进步一点点,努力给自己、给我爱的人一个更好的未来!                                                                                                              ...
地图刷新问题
有一段需求:当用户单击刷新地图按钮后,程序会放弃当前所有的修改,重新从服务器的数据库中读取数据,请问这段话是不是要求保持当前地图的中心点和zoom值不变重新从服务器中读取数据?具体该怎么实现呢?(mapxtreme2005+C#)rn
echarts map,echarts地图数据
echarts map地图数据下载,echarts map地图数据下载,echarts map地图数据下载
echarts 全国地图 点击地图上的点,打开超链接 地图点击事件
echarts 全国地图 点击地图上的点,打开超链接 ,地图点击事件
echarts地图扩展案例(云南地图面积)
echarts地图扩展案例,根据echarts官网上面香港人口地图扩展做参考做的,地图json数据已经上传
基于echarts 开发地图地图大全
基于echarts 开发地图地图大全,基于本人开发伪DataV系统资料,里面包含地图使用代码,地图行政区域数据,湖泊 城市定位等数据,足够用于各种echarts的地图开发,基于3.X开发,若要4.X则自行到官网下载替换文件即可
ECharts全国地图及省份地图js
ECharts官网(https://echarts.baidu.com)描述:ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
Echarts地图中省市地图json文件
Echarts地图中省市地图json文件,包含港澳台省市边界数据
echarts 地图 完整版 包含省市地图文件
echarts 地图 完整版 包含省市地图文件 官方已经禁止下载
echarts地图坐标数据+省份地图数据
echarts地图坐标数据+省份地图数据,用于切换点击切换省份的时候,里面需要用到的地图数据。和每个省份的坐标数据
echarts地图扩展浙江省geoJSON地图数据
浙江省地图json文件。可用于echarts地图绘制浙江省地图区域
echarts地图,点击地图出现弹出框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ display:
echarts全国地图省市地图js文件
用于echarts构建地图,有助于用户构建全国地图,或者省市的区域地图
echarts地图使用问题,下钻
echarts地图使用问题,下钻 1.如果加载json格式的地图数据,需要服务器的支持,我是用的是tomcat2.版本不同,加载地图方式不一样,并且显示不同 版本3.x 版本2.x 但是我没有跳出区县的地图,最后放弃了,使用3.x版本 要加载地图,map值应该与js或者json中一致:一般为中文,(在官网下载的地图包:http://ecomfe.github.i
echarts地图关于查看问题
这个地图有8种类型 默认全部显示,怎么操作才能 默认值 只显示 一种结果rn [img=https://img-bbs.csdn.net/upload/201612/05/1480941803_886449.jpg][/img]
地图js点击事件
绑定事件完成交互 这里,我们为每个省级的Marker绑定一个click事件。当Marker点被点击的时候,我们将显示其下级的Marker标记,setFitView方法用来将地图调整到合适的范围来显示我们需要展示的markers。 地图缩放事件完成markers的更新 地图根据缩放级别显示该地域的数据。对上级数据进行清除,该处用到了map.clearMap()内置方法清楚地图点坐标,AMap.
ECharts全国地图js.rar
ECharts全国地图js,中国地图,中国各省市地图,世界地图
echarts 炫酷北京地图
echarts 炫酷北京地图 JSON 地图文字居中 行政区文字居中
echarts地图-map.js
echarts map地图资源包,官网的已经不用了,这里希望能帮助大家
echarts地图资源
echarts map 资源,含全世界;中国;省;市地区的地图 ;json .js都有),echarts官网上都挺详细的,唯一难受的地方就是echarts的地图数据都下架了,数据或许不是很精确,所以仅供大家参考。有问题可以联系
echarts地图生成工具
ECharts 3地图生成工具,官网不让用了,可以在这里下载,双击index.html运行
ECharts地图详解
1.引入echarts库文件 2.在页面中新建div用于地图展示 3.在页面中引入js文件 4.在js脚本中编写代码 $(function() { // 路径配置 require.config({ paths : { // echarts: 'http://echarts.baidu.com/build/dist' echarts : './
echarts地图china.js下载
因为版权问题,ECharts已经关闭地图china.js的下载链接,在新版本上要使用地图,需要加载china.js,现把这个附件上传,完全可用,请放心下载
echarts地图下钻、切换
特别提醒:由于要获取json文件,需要运行在服务器下,才能看到效果。)利用echarts插件实现的中国省市区三级地图切换。主要采用单击进入下级地图,双击或者右键点击“返回上一级”地图。资源里面包括详细的实现源码,和全国大多数省市区的json地图文件。感谢各位支持!
echarts 地图 json
echarts 地图 json,地图需要的json!很多朋友在找中国各省具体到市县级的 JSON 地图文件,这些天承蒙朋友帮助,总算找到了分享给大家。
ECharts地图选择器
基于百度ECharts制作的地图选择器DEMO,可直接运行,附带ECharts.JS
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件