echarts 省地图鼠标移入到某个市时,放大突出显示,大家有做过吗
//安徽地图
let map2 = function(){
$.getJSON('js/anhui.json',function (data) {
echarts.registerMap('yangzhou', data);
let myCharts = echarts.init(document.getElementById('map2'));
myCharts.showLoading();
let option = {
tooltip: {
trigger: 'item',
formatter: function (params) {
let value = (params.value + '').split('.');
value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,')
+ '.' + value[1];
return params.seriesName + '<br/>' + params.name + ' : ' + value;
}
},
visualMap: {
type:'piecewise',
min: 80,
max: 500,
realtime: false,
calculable: true,
splitNumber:3,
show:true,
inRange: {
color:['#4FAAF8', '#FC8A4E', '#FA4848']
}
},
selectedMode : 'multiple',
series: [{
name:'安徽',
type: 'map',
mapType: 'yangzhou',
zoom:1.2,
selectedMode:'single',
legend: {
orient: 'vertical',
top: 'bottom',
left: 'right',
data:['红', '橙','蓝'],
textStyle: {
color: '#fff'
},
selectedMode: 'single'
},
itemStyle: {
normal: {
label: {
show: true
},
borderWidth:.5,
borderColor:'#009fe0',
areaColor:'#C4EDFA'
},
emphasis:{
borderWidth:1.5,
borderColor:'#009fe0',
shadowColor:'#FC8A4E',
shadowBlur:10,
areaColor:'#FFCE44'
}
},
data:[
]
}]
};
//请求json数值
$.ajax({
type:"get",
url:"json/ahmap.json",
dataType:"json",
success:function(data){
let json = eval(data);
$.each(json,function(index,item){
let name = item.name;
let value = item.value;
let newArry = {};
newArry.name=name;
newArry.value=value;
option.series[0].data.push(newArry);
});
myCharts.setOption(option);
},
error:function(){
console.log("AJAX请求失败!")
}
});
//城市点击弹出城市名
myCharts.on("click",function (City) {
let codeNameMap = {
'淮北市':'000001',
'滁州市':'000002',
'宿州市':'000003',
'合肥市':'000004',
'马鞍山市':'000005',
'芜湖市':'000006',
'淮南市':'000007',
'蚌埠市':'000008',
'阜阳市':'000009',
'亳州市':'0000010',
'六安市':'0000011',
'宣城市':'0000012',
'池州市':'0000013',
'安庆市':'0000014',
'铜陵市':'0000015',
'黄山市':'0000016'
};
pie11(codeNameMap[City.name]);
});
myCharts.hideLoading();
})
};
```javascript
**ahmap.json**
```javascript
[
{"name":"淮北市","value":"80"},
{"name":"滁州市","value":"123"},
{"name":"宿州市","value":"487"},
{"name":"合肥市","value":"400"},
{"name":"马鞍山市","value":"324"},
{"name":"芜湖市","value":"111"},
{"name":"淮南市","value":"312"},
{"name":"蚌埠市","value":"350"},
{"name":"阜阳市","value":"96"},
{"name":"亳州市","value":"484"},
{"name":"六安市","value":"256"},
{"name":"宣城市","value":"314"},
{"name":"池州市","value":"397"},
{"name":"安庆市","value":"249"},
{"name":"铜陵市","value":"498"},
{"name":"黄山市","value":"167"}
]
地图json太大就不放了