版本为5.1.2 min版本 ,https://github.com/apache/echarts/releases?page=3 最重要的是这个下面这个dataZoom写法添加
dataZoom:{
type: 'inside'
},
const option = {dataZoom:{type: 'inside'},geo: [{map: mapName,geoIndex: 0,zoom: 1, //默认显示级别 scaleLimit: {min: 0.1,max: 3}, //缩放级别 roam : true,//是否开启缩放和平移selectedMode: 'single', // 允许单选 single// 默认选中的颜色 select: {itemStyle: {areaColor: '#6D717A', //默认的地图板块颜色borderColor: 'rgba(255,255,255,0.6)',//地图边框颜色opacity : 1,},label: false},label: {show : false,},// 设置为一张完整经纬度的世界地图left: 0,top: '20%',right: 0,// botto: 0,itemStyle : {//地图区域的多边形 图形样式hoverAnimation : true,normal : {opacity : .6,borderWidth: 1,areaColor: '#4C525D', //默认的地图板块颜色borderColor: 'rgba(255,255,255,0.2)',//地图边框颜色 },// 点击选中的颜色 emphasis : {areaColor: '#6D717A', //默认的地图板块颜色borderColor: 'rgba(255,255,255,0.6)',//地图边框颜色opacity : 1,label: {show : false,fontSize : 0}},},// 点击选中的颜色 emphasis : {label: {show : false,}},animation: true,regions,tooltip: {show: false}}], }