一效果图

二代码

样式自己调试

itemStyle: { //区域边形样式emphasis: {color: dataList.forEach(item => {return `rgba(158, 51, 98, ${item.value.toFixed(0)})`}),//borderColor: '#000',// shadowOffsetY: 2,//shadowOffsetX: 10,// shadowColor: 'rgba(0, 0, 0, 1)',shadowBlur: 20,areaColor: 'rgba(255,255,0, 0.5)',},},

三个参数我尝试了一下满足使用就是geoSelect

echarts.on('mousemove', (params) => {if (params.data) {dataList.forEach(item => {if (item.area === params.data.area) {echarts.dispatchAction({type: 'geoSelect',name: item.name,})}})}})echarts.on('mouseout', () => {dataList.forEach(item => {echarts.dispatchAction({type: 'geoUnSelect',name: item.name,})})})

总的来说来说如果平面地图上做多个省份的效果凸起还是很难看的，建议用平面

为什么不用数组形式，因为我试了一下传入数组进去没得反应，所以用循环的方式加入，但是这种方法会有卡顿延迟，我个人倾向图4样式。

加油爱分享

vue echarts在中国地图鼠标经过同一指标下的多个省份高亮或凸起相关推荐

Vue+Echarts实现中国地图的省市切换
Vue+Echarts实现中国地图的省市切换首先要安装一下Echarts npm install echarts 在min.js中引入echarts import * as echarts from ...
vue+echarts实现中国地图
先看效果图第一步:脚手架中引入echarts npm 安装 npm install echarts --save //引入echarts import * as echarts from 'echa ...
Vue+Echarts实现中国地图+各省业务数据分布情况组件
Vue组件首先需要引入echarts包和中国地图数据, import echarts from 'echarts' import '../../../node_modules/echarts/map/ ...
vue集成echarts，vue+echarts实现中国地图和河南省地图
安装echarts npm install echarts -D 配置echarts 在项目src目录下main.js文件中加入配置: import echarts from 'echarts'Vue ...
【vue】vue + ECharts 实现中国地图
1.效果图: 2.实现步骤引入ECharts ECharts 官网地址:https://echarts.apache.org/zh/index.html npm install echarts -- ...
vue+echarts GL3d中国地图
相关实例 made a pie 添加链接描述 2.添加链接描述 3.添加链接描述一.下载安装所需包 npm install echarts@4.9.0 --save //之所以下载4点几版本是因为5 ...
Vue + Echarts 实现中国地图多级钻取功能
传送门:本文完整代码地址如果觉得有帮助,别忘了点亮 star 哦说明: 本文为 Vue 2.x + Echarts 5.x 实现中国地图多级钻取功能(基本版未做过多功能拓展和样式优化便于二次开 ...
Vue环境下用ECharts绘制中国地图，并实现拖动、缩放与各省份自动轮播高亮显示
}, { name: "福建", value: 20, }, { name: "贵州", value: 74, }, { name: "广东" ...
echarts.制作中国地图,点击对应的省市链接到该省份的详细介绍
今天花了一天的时间,用echart弄了一个效果,是从中国地图点进去身份并把改省份的数据渲染出来的效果,刚开始完全没有头绪,只能硬着头皮去看百度echart的api,和博客,看了半天,好家伙,终于给我找 ...

vue echarts在中国地图鼠标经过同一指标下的多个省份高亮或凸起

一效果图

二代码

vue echarts在中国地图鼠标经过同一指标下的多个省份高亮或凸起相关推荐

最新文章

热门文章

vue echarts在中国地图鼠标经过同一指标下的多个省份高亮或凸起

一 效果图

二 代码

vue echarts在中国地图鼠标经过同一指标下的多个省份高亮或凸起相关推荐

最新文章

热门文章

一效果图

二代码