echarts地图取消hover事件

项目有用到echarts做地理图，有个需求是：鼠标移入的时候不要改变各个地图板块的背景色。

当时我通过设置鼠标移入时的背景颜色为**#fff**的白色，这个方式在各个板块没有任何背景色，也就是白色的时候是可以间接解决的，但是当它的背景色不为白色的时候，那就不行了。于是我又想那能不能设置为透明色呢？额，答案是不能。

到这时候就只能往禁用hover事件去想了，网上找了很多解决方案大体不行，废了很多时间才找到这个属性，在此记下，如果能帮到别人就算是超出预期
在series配置里面设置属性：silent: true

series: [{name: '香港18区人口密度',type: 'map',mapType: 'HK', silent: true, //禁用地图的hover事件label: {show: true},}]

echarts地图取消hover事件相关推荐

element表格取消hover事件
/* page-box父元素的class */ .page-box /deep/ tr{pointer-events: none; }
html海南地图插件,Echarts 地图（map）插件之鼠标HOVER和tooltip自定义数据
在项目开发中,有需要用到地图的地方,百度的echarts地图插件就是个不错的选择, 这里总结一下地图自定义鼠标HOVER时的事件和自定义tooltip数据: 一.鼠标HOVER时的事件: 参照官方文档 ...
echarts 地图去除点击事件_echarts 地图鼠标移出地图后的事件要怎么写
不需要做鼠标移出地图后的事件监听. echarts 点击一个区域,会选中它.再次点击,就取消选中. 只需要设置地图只能选择一个,然后监听点击事件,鼠标点击时,判断该区域是否选中,如果选中则显示相应区域 ...
echarts中formatter修改鼠标悬浮事件信息操作、echarts地图块、散点区分触发点击事件只触发散点问题详解
这里写目录标题 1.实例 2.案例详解 1.实例这次我拿echarts中地图组合散点图的实例 !!!实现效果:滑到散点显示不同于地图块的信息及 formatter 提示窗自定义!!! 这个显示项 ...
Echarts 饼图总数展示与鼠标hover事件
效果图: 解决思想: 总数展示:其为title,进行调位置 hover事件:mouseover, mouseout 代码: initPieChart(){// 初始化数据const text = '问 ...
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示文章目录 0.前言 1.引用模块 2.界面设计 3.数据准备 4.实例地图 5.动态修改气泡图标 6.结束语 0.前言实现的效果 ...
Echarts 地图使用，以及tooltip轮播使用
一,首先下载Echarts npm install echarts --save 二,引入Echarts 全局引入main.js中 // echarts-4.0 import echarts from ...
echarts地图下钻与回钻
最近在项目实际业务中为了更清晰的展示各省市的数据,使用echarts实现了地图的下钻和回钻.里面加了实际业务,所以代码有些冗余. import * as echarts from 'echarts' ...
Vue+Echarts地图消失（高度变成0）的完美解决方案
地图消失了! 最近项目突然发现了一个奇怪的问题,当且到别的页面之后停留一会(20min+),首页的Echarts地图就会消失掉,而且还不一定复现,好不容易复现了一次,查看元素发现地图的容器.svg元素 ...

echarts地图取消hover事件

echarts地图取消hover事件相关推荐

最新文章

热门文章