关于在echarts/ngx-echarts中引入省份地图简易实现

由于不可抗力的因素,echarts给了我一个亲切的警告。

于是,从没有认真看过echarts地图实现的我,心态炸了。

那么,如何来解决这个问题呢?

按照我超级清丽的画风和长时间的代码编辑习惯,那一定是~先搜别人的成功案例啦~

附上我第一个查看的网址:

https://blog.csdn.net/u012011360/article/details/52913972

JSON文件???我还要去找一份JSON文件???我是不是还要将这份JSON转成js文件让他生效是不是有毒,是不是有毒!!!深井冰吧啊啊啊啊啊!!!

而且直接js里面setOption这种原始人写法???这种echarts方法我感觉ngx-echarts里面不支持啊啊啊啊啊啊啊啊啊????

好的,其实我没有尝试这种写法,因为我用的是ngx-echarts(选择方便的组件就是成功路上最大的助力~~~),所以setOption是集成到标签里面进行双向绑定而不是这种写法。我的页面写法如图所示。

这个博客看起来就是让我很GG的写法。一脸懵逼。不不不!!!这不是我想要的。

于是,我就打算抄小道。我就不信了,这种东西难不成还能上天???

然后我就去看了源码。

突然发现,明明源码里面都有。。。

作为一个集成了对应的js的源码= =。网上提供的那种方法对我根本不适用!!网上博客里面的内容毕竟不是工程化项目的感觉。

也就是说,其实我要的已经在这个项目里面了= =。我只需要将它夹出来放到碗里就好了。

突然无话可说。

好吧,先把这个henan.js引入。

然后我就

下面是效果图:

我就知道这个世界不会这么善意!!!!阿西吧界面空白了!!!空白了!!!!根据按需加载的尿性,我重启了服务。

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊还是空白!!!!

真的是阿西了个吧!!!

大约过了一个多世纪。我终于找到了问题所在:

居然是中文??????引入中国地图是‘china’,引入香港地图是‘HK’,引入河南地图就变成了‘河南’???

喵喵喵??????,下图就可以了

附上效果图:

真相是不是超级简单!!!

行吧行吧,一次被坑爹的分享。以上方法同样适用于其他echarts或其他echarts插件(可能实际实现略有不同)。

我觉得我写得可以说是精细入微了,从研究思路到具体操作都一步步写的清清楚楚了.

没看懂就多看几遍吧, 基本都是遇到我觉得网上找不到的内容才会写在博客里.

  • 19
    点赞
  • 48
    收藏
    觉得还不错? 一键收藏
  • 23
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 23
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值