使用echarts制作中国3D地图并使单个城市突出
的有关信息介绍如下:
在项目中,有时候绘制的平面地图没有立体感,这时候可以做一个3D的地图,如何使用echarts制作中国3D地图,并实现其中一个城市突出显示,颜色不一样呢?跟着我一起操作一下吧
大家在项目中,如果需要绘制echarts图表的时候,可以在echarts自带的编辑器先写好,再引入到项目中。因为这样修改方便,且能快速的看到效果图。本文就直接用echarts社区的一个示例进行修改演示,效果图如下:
先看一下这个示例:转载于 https://gallery.echartsjs.com/editor.html?c=xtPTsU0hVW已经是一个完整的3D地图,并且会显示每个城市的数据值以柱状图的形式展现
如果你需要柱状展示数值可以直接使用,不需要的话直接data:[];即可。
最主要的添加单个城市突出显示的写法如下(以内蒙古为例):
regions: [
{
name: "内蒙古",
value: 0,
itemStyle: {
areaColor: 'red',
label: {
show:false
}
}
},
],
显示每个城市的写法
label: {
//地区区域是否显示名称
show: true,
textStyle: {
color: '#fff',
fontSize: 13,
backgroundColor: 'rgba(0,23,11,0)'
}
},
样式自行调节



