去掉echarts 地图鼠标移入高亮
时间: 2024-11-28 16:15:25 浏览: 1
echarts鼠标覆盖高亮显示节点及关系名称详解
ECharts地图组件默认会有一个鼠标悬停时高亮的效果,如果你想去掉这个效果,可以在初始化地图时设置一些属性。以下是取消地图区域点击或鼠标悬停高亮的步骤:
```javascript
// 初始化地图,禁用鼠标悬停事件
var map = echarts.init(document.getElementById('main'), 'map', {
zoom: 1.0,
center: [116.404, 39.9], // 北京位置
roam: false, // 禁止缩放和平移
series: [{
type: 'map',
mapType: 'China', // 或者其他地图类型
data: [], // 根据实际需要填充地图数据
itemStyle: { // 设置itemStyle控制地图样式
emphasis: { // 鼠标悬停样式
areaColor: '#ccc', // 高亮颜色,默认白色
borderColor: '#fff', // 边框颜色,默认透明
shadowBlur: 0, // 阴影模糊度,设为0取消阴影
},
normal: { // 默认样式
areaColor: '#f5f5f5', // 颜色
borderWidth: 0, // 边框宽度
borderColor: '#fff', // 边框颜色
}
}
}]
});
```
在这个配置中,`emphasis`部分的属性会被覆盖,地图在鼠标悬停时不会有任何高亮显示。
阅读全文