解决Echarts 中国地图省份上文字不居中的问题

最新推荐文章于 2024-04-29 20:29:46 发布
最新推荐文章于 2024-04-29 20:29:46 发布
阅读量1.3w 收藏 3
点赞数 3
分类专栏： echarts 文章标签： echarts 修改完 省份文字不居中
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41628411/article/details/82287844
版权

修改前

修改后

地图上显示名称的位置为其省会的坐标位置。所以在调整的时候修改其坐标位置来调整省会名称显示的位置。”properties”下的”cp”属性存储的是经纬度坐标。也就是只需要改变cp下的经纬度就可以改变图上省会文字位置（china.js默认是省会的经纬度，自己在百度地图上拾取省的中间的经纬度替换即可）
修改cp属性的位置，代码片段
china.js 自己在echarts官网上下载

@曾经@
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
echarts地图地名显示_echarts地图 省份名称自定义位置和居中解决办法
weixin_28829479的博客
02-06 1万+
Echarts 中国地图热力图 开发过程中发现省会名字堆在一起毫无美感便集众家之所长review一下首先呢，地图上显示名称的位置为其省会的坐标位置。所以在调整的时候修改其坐标位置来调整省会名称显示的位置。举个栗子 在china.json中properties下的cp属性存储的是经纬度坐标。也就是只需要改变cp下的经纬度就可以改变图上省会文字位置"properties":{//修改此处 修改的范围在...
echarts地图省份文字居中;亲测可用
12-02
echarts地图省份文字居中，亲测有效，在html、vue中都可以用，在html将该js引入即可，在vue中将china.js 替换为该js即可；
echarts3 实现地图全国各省市地图下钻 （已修改省份和部分市级名字不居中问题）
05-11
这个是echarts实现全国各个省市的下转，已修改省份和部分市级名字不居中问题 如需修改名字显示位置可以使用地图坐标拾取器进行修改居中问题
ECharts中国地图--省份文字居中
08-30
ECharts中国地图--省份文字居中
echarts在一个div内居中对齐
最新发布
m0_49471668的博客
04-29 197
【代码】echarts在一个div内居中对齐。
ECharts 地图实现文字居中，即省份在对应地图的中心位置
热门推荐
窝窝头的博客
02-15 1万+
一、Echarts官网的地图，文字标签并不是理想中的居中 1.1、本项目中期望的结果，是每个省份文字能够在自己的地图的中心位置，如下图 二、解决思路 2.1、首先下载中国所有省份的json文件，然后结合ECharts官网提供的实例，绘制地图 2.2、即将获取的文件，使用 echarts.registerMap('china', geoJson);绘制地图，其中本地...
echarts使用自定义地图移动文字与formatter失效解决
weixin_41902031的博客
12-11 5089
一、地图文字位置有偏移或需要进行移动 1. 直接修改JSON文件 打开自定义地图的JSON文件，可以看到内容为 其中的cp数据则为当前地图文字显示的坐标位置，与实际经纬度相同。可以通过经纬度查询查找相应地点的经纬度，并修改图中的cp数据，即可达到修改自定义地图文字位置的目的。但直接修改总归是不太合适，所以也可以采取第二种方法，在代码中修改。 2.获取地图JSON数据进行修改 直接上图...
echarts全国地图资源，省份名称居中
小于
12-30 3768
echarts 全国地图资源echarts全国地图资源全国地图山东黑龙江吉林辽宁北京天津河北河南山西陕西内蒙古安徽江苏上海浙江福建台湾广东香港澳门广西江西湖南湖北甘肃宁夏重庆贵州云南四川青海西藏新疆海南 echarts全国地图资源 echarts全国地图资源，包括全国地市主图，以及各省的县级市区，暂无各个县市区以下的行政区划。资源中省份，地级市名称居中显示。 全国地图 全国地图资源 山东 山东ec...
echarts map(地图) 省份名称居中显示
猫老板的豆
12-10 5571
修改echarts中的china.js文件中省份经纬度，使省份名称居中显示。 亲测可用，更新于2020-12-10 china.js 点击下载 修改前，省份名称并不居中显示： 修改后： 具体修改方法（替换china.js）： china.js 点击下载 vue项目替换：node_modules\echarts\map\js\china.js 其他项目直接引入：<script src="../js/china.js"></script> ...
Echarts 中国地图
weixin_39093006的博客
09-06 369
也可以私信我(网上下载的China.js会导致省名称定为不准确，不居中显示)！chain.js 这个官网已经找不到了，需要自行搜寻下载。
echarts饼状图中心文字与图片位置/解决偏移问题，可直接复制！
iseyre的博客
11-16 3940
如果图表本身并不是居于中间，而且偏左或偏右，这时候left就要使用百分比或数值，这种情况下容器宽高不固定的话就会有问题了!只有刷新才能保证中心位置否则会出现偏移情况！网上的设置resize方法已经试过了不管用。设置饼状图中心点文字与图片一般来说只用设置 elements，并将left和top设置为center就可以保证文字图片位于正中央。这是利用富文本标记设置文字和背景图片，基于图表本身来设置避免了偏移情况！代码：与series同级添加如下代码。
echarts地图省份文字居中
12-05
echarts地图省份文字居中，亲测有效，在html、vue中都可以用，在html将该js引入即可，在vue中将node_modules/echarts/map/js 文件下的china.js 替换为该js即可
echarts地图省份名称居中china.js
09-19
坐标调整后城市名称居中显示。可能会乱码，但是不影响功能使用~
echarts地图 china.js省份文字居中
05-09
echarts地图 china.js 省份文字居中 直接加载js文件即可
ECharts省份地图数据合集.zip
06-07
ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录...
vue中使用echarts的chain.js生成地图散点图以及性能优化
weixin_44953689的博客
11-26 1659
使用地图时因为返回的数据点太多，造成页面加载过慢，卡顿等影响，优化过后，性能提升。 1、创建map.vue组件 <template> <div class="map"> <h3> <span class="icon-cube"></span> 活跃运营中心数据统计 </h3> <div class="geo" id="geo"></div> </div
微信小程序使用ucharts 地图组件踩坑记录
qq_38560825的博客
05-23 1003
// wxss <qiun-wx-ucharts type="map" opts="{{map_opts}}" chartData="{{mapData}}" canvas2d="{{true}}" bindgetIndex="getIndex" id="map" tooltipCustom="{{maptip}}"/> /*********** js 中的data *************/ mapData: {}, map_opts: { extra: { map: {
Echarts map 类型使用 GeoJson 数据时，label 位置调整
旸君颜的博客
06-20 2244
echarts map 地图，图形上的文本标签 label 设置位置
Echarts关于中国地图的china.js文件下载
chelen_jak的专栏
07-17 6612
原文出处：https://blog.csdn.net/weixin_36413887/article/details/80019625 早上用到Echarts的中国地图map时，需要用到china.js文件，但Echarts的官网地图js下载已经暂停提供下载了，找了下，有如下链接可下载到：  1.Github地址：https://github.com/apache/incubator-echar...
echarts全国地图资源,省份名称居中
12-27
echarts 是一个数据可视化的开源库，它提供了丰富的图表类型以及全国地图资源的展示功能。在echarts的全国地图资源中，省份名称都是居中展示的。这意味着无论是在地图的哪个位置，用户都能清晰地看到各个省份的名称，并且能够在省份间进行比较和分析。 echarts 的全国地图资源对于展示各种各样的地理数据非常有用。无论是政府部门、企业还是研究机构，都可以利用echarts的全国地图资源来展示不同的数据，比如人口分布、经济发展水平、资源分布等等。而且由于省份名称居中，用户可以方便地查看各省份的信息，并进行深入的分析。 除了省份名称居中之外，echarts的全国地图资源还具有其他丰富的功能。用户可以根据自己的需求自定义地图的颜色、标签、气泡大小等各种样式，使地图更加生动、直观。此外，echarts还支持交互式的操作，用户可以通过鼠标交互来进行缩放、平移等操作，从而更加灵活地展示数据。 总的来说，echarts的全国地图资源是一个非常强大的工具，它不仅提供了丰富的地图资源，而且还具有灵活的展示和交互功能。通过echarts，用户可以方便地展示和分析各种地理数据，为决策和研究提供有力的支持。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值