作者:欧阳羽昌53 | 来源:互联网 | 2024-09-28 10:25
需求:实现如图所示的3D地图图表
(1)原本使用的highcharts没有3d地图的功能,搜索插件也没有可替代的方案,选择echarts理由是在地图方面百度拥有毋庸置疑的实力
https://blog.csdn.net/GRAY_KEY/article/details/81295961
(2)通过代码可以轻易写出例子的效果,但是想要写特定区域的地图则需要该地区相对应的json文件,需要通过网址查询对应地区的城市区划代码之后通过网址查询相关的json文件,详细步骤如链接。
https://blog.csdn.net/GRAY_KEY/article/details/80197527
(3)通过替换json文件即可展示该地区的3D地图,图片中在3D地图的基础上还有一个柱形图,然后找到了这个例子,又牵扯到一个维度的问题,是实现过程中最难理解的部分,主要原理就是用visualMap属性来连接两个series实现的图表
https://gallery.echartsjs.com/editor.html?c=xLIkpVNt4M
(4)各个地区板块之间有一个高度的差异,查到的是通过给regionHeight的大小来实现,但是实际上使用的时候没有效果,官方文档写的也是语焉不详,之后用height属性可以实现