echarts 在地图上显示数值
程序员文章站
2022-05-27 16:09:24
...
预期效果
代码配置
series: [{
name: '',
type: 'map',
mapType: 'china',
roam: false,
itemStyle: {
normal: {
label: {
show: true,
formatter:'{b}\n{c}',
},
borderWidth:0
},
emphasis: {
label: {
show: false
},
areaColor:'rgb(213, 214, 79)',
}
},
top: "10%", //组件距离容器的距离
data: [{
name: '北京',
value: Math.round(Math.random() * 1000),
}, {
name: '天津',
value: Math.round(Math.random() * 500)
}, {
name: '上海',
value: Math.round(Math.random() * 1500)
},...]
通过配置label中的formatter来设置地图上显示文字
{a} — series的name值
{b} — 数据项的name值
{c} — 数据项的value值
上一篇: echarts图label限定字数,多余字数显示...
下一篇: 镂空文字、类歌词进度显示文字