您的位置首页百科问答

使用echarts制作中国3D地图并使单个城市突出

使用echarts制作中国3D地图并使单个城市突出

的有关信息介绍如下:

使用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)'

}

},

样式自行调节