两个地图对比的时候,鼠标悬停浮动框显示定位的地点不准确,应该是两个第图显示的省份信息相同才可以.有哪位知道,谢谢指教!
配置项如下
option = {
title: {
text: '车辆开工热度分布',
textStyle: {
fontSize: 26,
},
subtext: '全国',
subtextStyle: {
fontSize: 17,
},
top: '3%',
left: 'center'
},
tooltip: [{
trigger: 'item',
backgroundColor: 'rgba(219,219,216,0.8)',
textStyle: {
color: '#333333'
},
formatter: function(params) {
if (params.componentSubType == 'map') {
var unit = '%';
var name = '开工率';
if (params.value) {
return params.data.name + '<br />' +
name + ':' + params.data.value.toFixed(1) + unit + '<br />' +
'车辆数量:' + params.data.count + ' 台/天';
}
return params.name + '<br />' +
name + ':' + 0 + unit + '<br />' +
'车辆数量:' + 0 + ' 台/天';
}
return '';
}
}],
toolbox: {
show: true,
orient: 'vertical',
// top: 'bottom',
bottom: 20,
right: 20,
itemGap: 30,
feature: {
restore: {
show: true
},
saveAsImage: {
show: true
}
},
iconStyle: {
emphasis: {
color: '#2F4056'
}
}
},
visualMap: {
type: 'continuous',
min: 0,
max: 100,
left: 10,
calculable: true,
precision: 2,
seriesIndex: [0],
// color: ['#075e89','#FFFFFF'],
color: ['#075e89', '#f6f3d2'],
text: ['高', '低']
},
geo: {
map: 'china',
label: {
normal: {
show: false
},
emphasis: {
show: true
}
},
roam: true,
scaleLimit: {
min: 1
}
},
series: [{
name: '开工热度',
type: 'map',
map: 'china',
roam: true,
scaleLimit: {
min: 1
},
showLegendSymbol: false,
label: {
// normal: {
// show: true
// },
emphasis: {
show: true
}
},
data: ''
}]
};