javascript
复制代码
export default (data, _this) => {
const mapName = data.mapName;
const mapList = data.mapList || [];
let options = {
tooltip: {
show:false,
trigger: 'item',
formatter: '{b}: {c}'
},
geo: {
map: mapName,
type: 'geo',
roam: false,
zoom: 1.1, // 初始缩放级别
label: {
show: false
},
itemStyle: { // 加重立体感
shadowColor: 'rgb(4,122,187)',
shadowOffsetX: 5,
shadowOffsetY: 10,
shadowBlur: 5
}
},
visualMap: {
show:true,
min: 0,
max: 100,
left: 'left',
top: 'bottom',
text: ['高', '低'], // 文本,默认为数值文本
calculable: true
},
series: [{
type: 'map',
map: mapName,
z: 0,
zoom: 1.1, // 同步 geo 的配置
label: { //地图上的标签相关属性
normal: {
show: true,
color: '#fff',
fontSize: 20,
},
emphasis: {
textStyle: {
color: '#fff'
}
}
},
itemStyle: {//地图每一块区域相关属性
normal: {
borderColor: '#c5ecfa', //#39ceff
borderWidth: 2,
// 关键修改点:设置固定渐变色
areaColor: {
type: 'linear',
x: 0,y: 1,x2: 0,y2: 0,
colorStops: [
{ offset: 0, color: '#438bfb' }, // 渐变起始色
{ offset: 1, color: '#5cacf9' } // 渐变结束色
]
}
},
emphasis: {
areaColor: undefined, // 继承 normal 颜色
borderWidth: 2,
},
},
animation: false,
data: mapList
}]
}
return options;
}