市级map地名不显示echarts 地图配置项内容和展示
把legend属性注释掉才会显示地名，怎么解决？
配置项如下
let speciesData = [{
name: '鲤城区',
value: [34.27, 18.03, 16.24, 26.29]
},
{
name: '丰泽区',
value: [101.37, 52.78, 48.59, 36.01]
},
{
name: '洛江区',
value: [87.34, 45.51, 41.83, 31.73]
},
{
name: '泉港区',
value: [39.53, 64.55, 72.12, 47.50]
},
{
name: '惠安县',
value: [70.18, 18.03, 16.24, 26.29]
},
{
name: '晋江市',
value: [80.40, 68.73, 53.61, 26.29]
},
{
name: '石狮市',
value: [77.34, 18.09, 14.61, 22.44]
},
{
name: '南安市',
value: [62.27, 11.33, 15.64, 36.11]
},
{
name: '安溪县',
value: [68.04, 18.61, 31.18, 29.09]
},
{
name: '永春县',
value: [55.39, 21.25, 10.04, 20.88]
},
{
name: '德化县',
value: [63.51, 26.83, 15.51, 26.30]
},
{
name: '金门县',
value: [54.83, 18.12, 12.01, 24.40]
}
];
let total = [];
for (var i = 0; i < speciesData.length; i++) {
var d0 = {
name: speciesData[i].name,
value: speciesData[i].value[0]
};
total.push(d0);
}
let DiseaseSpeciesTotal = echarts.init(document.getElementById('main'), 'macarons')
DiseaseSpeciesTotal.showLoading();
axios.get('/dep/echarts/map/json/citys/350500.json')
.then((qZjson) => {
DiseaseSpeciesTotal.hideLoading();
echarts.registerMap('泉州', qZjson.data);
DiseaseSpeciesTotal.setOption({
legend: {
orient: 'vertical',
left: 'left',
data: ['高血压', '糖尿病', '其他']
},
geo: {
show: true,
map: '泉州',
label: {
normal: {
show: false
},
emphasis: {
show: false
}
}
},
roam: false,
tooltip: {
trigger: 'item',
formatter: '{b}<br/>{c}(万人)'
},
series: [{
name: '病种统计',
type: 'map',
map: '泉州',
label: {
normal: {
show: true
}
},
itemStyle: {
normal: {
borderColor: '#CD4F39',
areaColor: '#54FF9F',
borderWidth: 2,
opacity: 0.2
}
},
data: total
},
{
name: '鲤城区',
type: 'pie',
center: ['54.5%', '59.7%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[0].value[3]
},
{
name: '糖尿病',
value: speciesData[0].value[2]
},
{
name: '其他',
value: speciesData[0].value[1]
}
]
},
{
name: '丰泽区',
type: 'pie',
center: ['58.1%', '62.0%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[1].value[3]
},
{
name: '糖尿病',
value: speciesData[1].value[2]
},
{
name: '其他',
value: speciesData[1].value[1]
}
]
},
{
name: '洛江区',
type: 'pie',
center: ['56.8%', '49.4%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[2].value[3]
},
{
name: '糖尿病',
value: speciesData[2].value[2]
},
{
name: '其他',
value: speciesData[2].value[1]
}
]
},
{
name: '泉港区',
type: 'pie',
center: ['62.4%', '49.3%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[3].value[3]
},
{
name: '糖尿病',
value: speciesData[3].value[2]
},
{
name: '其他',
value: speciesData[3].value[1]
}
]
},
{
name: '惠安县',
type: 'pie',
center: ['61.2%', '58.2%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[4].value[3]
},
{
name: '糖尿病',
value: speciesData[4].value[2]
},
{
name: '其他',
value: speciesData[4].value[1]
}
]
},
{
name: '晋江市',
type: 'pie',
center: ['54.0%', '70.4%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[5].value[3]
},
{
name: '糖尿病',
value: speciesData[5].value[2]
},
{
name: '其他',
value: speciesData[5].value[1]
}
]
},
{
name: '石狮市',
type: 'pie',
center: ['59.5%', '71.0%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[6].value[3]
},
{
name: '糖尿病',
value: speciesData[6].value[2]
},
{
name: '其他',
value: speciesData[6].value[1]
}
]
},
{
name: '南安市',
type: 'pie',
center: ['51.4%', '58.2%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[7].value[3]
},
{
name: '糖尿病',
value: speciesData[7].value[2]
},
{
name: '其他',
value: speciesData[7].value[1]
}
]
},
{
name: '安溪县',
type: 'pie',
center: ['43.2%', '48.6%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[8].value[3]
},
{
name: '糖尿病',
value: speciesData[8].value[2]
},
{
name: '其他',
value: speciesData[8].value[1]
}
]
},
{
name: '永春县',
type: 'pie',
center: ['47.9%', '37.9%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[9].value[3]
},
{
name: '糖尿病',
value: speciesData[9].value[2]
},
{
name: '其他',
value: speciesData[9].value[1]
}
]
},
{
name: '德化县',
type: 'pie',
center: ['48.6%', '20.9%'],
radius: [0, 15],
itemStyle: {
normal: {
opacity: 0.8
},
},
label: {
normal: {
show: false
}
},
data: [{
name: '高血压',
value: speciesData[10].value[3]
},
{
name: '糖尿病',
value: speciesData[10].value[2]
},
{
name: '其他',
value: speciesData[10].value[1]
}
]
},
],
});
})
.catch((error) => {
console.log(error);
});
截图如下
