echart3d地图配置 显示个省份名字
时间: 2023-12-13 08:16:48 浏览: 120
要在 ECharts 3D 地图中显示省份名称,可以使用 label 属性进行配置。具体步骤如下:
1. 在 series 中设置地图数据,例如:
```
series: [{
type: 'map3D',
map: 'china',
data: [{
name: '北京',
value: 10
}, {
name: '上海',
value: 20
}, {
name: '广东',
value: 30
}]
}]
```
2. 在 visualMap 中设置标签的显示方式,例如:
```
visualMap: {
show: false,
inRange: {
color: ['#50a3ba','#eac736','#d94e5d']
},
textStyle: {
color: '#fff'
},
itemWidth: 20,
itemHeight: 100,
orient: 'horizontal',
left: '10%',
top: 'bottom',
formatter: function (value) {
return value + '人';
}
},
```
3. 在 label 中设置标签的相关属性,例如:
```
label: {
show: true,
textStyle: {
color: '#fff',
fontSize: 12,
fontWeight: 'bold'
},
formatter: function (params) {
return params.name;
}
}
```
其中,label.show 表示是否显示标签,label.textStyle 表示标签的样式,formatter 表示标签的内容格式化方式,params.name 表示地图数据中的省份名称。
阅读全文