echarts使用自定义地图移动文字与formatter失效解决

一、地图文字位置有偏移或需要进行移动

1. 直接修改JSON文件

打开自定义地图的JSON文件,可以看到内容为

其中的cp数据则为当前地图文字显示的坐标位置,与实际经纬度相同。可以通过经纬度查询查找相应地点的经纬度,并修改图中的cp数据,即可达到修改自定义地图文字位置的目的。但直接修改总归是不太合适,所以也可以采取第二种方法,在代码中修改。

2.获取地图JSON数据进行修改

直接上图

在初始化并注册地图之后,就可以通过getMap(map)方法获取地图数据。修改的位置与第一种方法一毛一样,就是通过代码实现。通过一系列获取操作,得到地图上的cp数据,通过判断修改cp数据。最后再用新的JSON数据重新注册一遍地图即可。

参考于:https://github.com/apache/incubator-echarts/issues/4379#issuecomment-257765948

二、option的geo数据内格式化文字显示formatter失效(20181211)

解决方案:修改源码

http://www.echartsjs.com/option.html#geo.regions.label.formatter由官方文档中可看到formatter定义的路径为geo>regions>label>formatter

而源码中路径还是label>status>formatter,在github上看到的解决方法则是通过修改源码来校正formatter定义的路径。如下图

修改完源码,再通过

geo>regions>label>formatter进行对文字格式的自定义。

final:由于是接手的项目,不知道文中所指的echarts版本是多少,可能最新的版本已经修复formatter失效的问题,如有纰漏或误导之处,烦请指出或联系删除。有其他问题也欢迎评论。

参考于:https://github.com/apache/incubator-echarts/pull/8612

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值