echarts中国地图分七大区

接到这个需求我一开始以为特别简单，像这种需求，网上应该一搜一大把。开开心心说一下午就完事，结果狠狠打脸。不过最后还是弄出来了，因为有大佬相助，我就记录一下我解决的方法吧。很简单，用了大佬的文件。我贴一下大佬的github地址作者是chfw。这个地址就是我用的文件的地址。

大家打开就能看到运行成功的中国七大区分区。

大佬写的很清楚，所以我也不说怎么弄的。我说一下我遇到的问题。因为我用的是vue的写法，引入china-regions.js的时候会报错Echarts is not defined。这涉及到了script运行的顺序，当我用import引入的时候，echarts和这个文件是同时引入，所以这个文件不会生效。

解决办法：

A:大家可以用require来引入，解决引入的顺序问题。

B:我用的是另外一个更加粗暴的办法，因为我只有一个地方需要使用地图，所以我直接将china-regions.js的内容替换掉echarts原本的China.js。这样也是可以的。不过慎用！

最后希望大家都能顺心的完成echarts七大区分区。

echarts中国地图分七大区相关推荐

Echarts中国地图各省份区域设置不同的颜色
摘要: 接着<Echarts引入中国地图>续写,我们的项目需求是要求地图的背景颜色要各省份不同.看了文档同时也看了相关官网例子,写出来总结下吧,以便以后需要. 实现: 1.在series中 ...
echarts 中国地图世界地图
最近项目中用到了echarts 中国地图世界地图,特在这记录一下. world.js 下载链接(world_new.js带有中国地区名称,另一个只是用来显示中国地图) 链接:https://pan. ...
【echarts 中国地图射线版本】vue实现中国地图航线动画效果，地图上添加散点效果【详细注释，通俗易懂】
先上效果图前置条件,必看首先你需要安装echarts并引入然后你需要下载china.json文件并注册引入,不然不生效当然很多新手可能不知道china.json在哪里下载,因为官方已经没有了, ...
Echarts中国地图三级钻取
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站:https://www.captainai.net/dongkelun 前言最近其实一直在用Echa ...
Echarts中国地图背景颜色渐变
摘要:关于Echarts地图的问题,在第一篇就说过引入等相关问题(如还有疑惑请先看之前的文章传送门).地图的背景颜色如何实现渐变呢?主要利用的是Echarts中的geo和visualMap结合实现.v ...
VUE 中实现echarts中国地图人口迁徙
VUE 中实现echarts中国地图人口迁徙效果图: 安装Echarts依赖要在vue中使用Echarts 需要先安装依赖 npm install echarts --save 这是我的Echa ...
HTML中地图根据数据变色,echarts中国地图根据数据对省份渲染不同的颜色
echarts中国地图 .centerItem { width: 856px; height: 640px; background-color: #fff; margin: 110px auto 0 ...
【echarts 中国地图增加南海九段线】
echarts 中国地图增加南海九段线最近在开发echarts 中国地图时,客户提出中国地图要完整,需要增加南海九段线. 这是个政治任务,但是echarts里面的文档没有关于南海诸岛九段线的相关配置 ...
Echarts中国地图修改
前言在使用Echarts图表时需要修改中国地图中的样式以及内容,在网上查找了一些资料并且整理了一下. Echarts中国地图地图样式修改标题修改数值功能删除,但保留数据计算按钮功能去除地图 ...

echarts中国地图分七大区

echarts中国地图分七大区相关推荐

最新文章

热门文章