Echarts Map 市级地图显示时 label 重合

[问题简述]

显示长春市地图时有几个区的 label 重合在一起了

图片说明

[版本及环境]

[ECharts 版本]: echarts-min.js 3.7.1
[浏览器类型和版本]: Chrome 59.0.3071.86(正式版本) (32 位)
[操作系统]: Windows 10
[期望结果]

label 换到一个不重合的位置显示

[ECharts配置项]

 option = {
        title:{
            text: ‘长春市地图’,
            left: 'center'
        },
        tooltip:{
            trigger: 'item',
            formatter: function (params, ticket, callback) {
                var tip=params.name;
                if(!isNaN(params.value)){
                    tip=tip+'<br/>'+params.value;
                }
                return tip;
            }
        },
        toolbox: {
            feature: {
                restore: {}
            }
        },
        visualMap: {
            min: 0,
            max: 35,
            text:['高','低'],
            realtime: false,
            calculable: true,
            color: ['orangered','yellow','lightskyblue']
        },
        series: [{
            name: '',
            type: 'map',
            mapType: ‘changchunshi’,
            selectedMode : 'single',
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data: [{"name":"绿园区","id":"lvyuanqu","value":1},{"name":"汽开区","id":"qikaiqu","value":0},{"name":"长春新区","id":"changchunxinqu","value":6},{"name":"双阳区","id":"shuangyangqu","value":3},{"name":"二道区","id":"erdaoqu","value":0},{"name":"榆树市","id":"yushushi","value":0},{"name":"朝阳区","id":"chaoyangqu","value":2},{"name":"九台区","id":"jiutaiqu","value":0},{"name":"农安县","id":"nonganxian","value":10},{"name":"南关区","id":"nanguanqu","value":1},{"name":"净月区","id":"jingyuequ","value":0},{"name":"宽城区","id":"kuanchengqu","value":0},{"name":"德惠市","id":"dehuishi","value":0}]
        }]
}
0

3个回答

1
LoveTeacherLi
钙片儿她二舅 并没有解决我的这个问题 , label 还是重叠
接近 2 年之前 回复

可以先隐藏,先放大地图的时候再显示。

0
daidaidai0512
daidaidai0512 你好,有具体的实现方法吗?我在缩放事件里面修改option属性没有生效
7 个月之前 回复

我之前做的项目碰到过类似的问题,当时我们也没有解决这个问题,为了显示美观,我们放大了它的初始显示倍数。虽然可以通过滑轮控制,但这个问题还是没有从根本上解决。希望楼主能顺利解决

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Echarts(baidu)和市级地图的显示,有多个例子,同时有一些疑问
网上总结的一些别人和自己的Echarts例子,还有baidu的服务部署,文件是一个基于eclipse的项目
Echarts地图标记重合问题原因
这两天在做页面的时候发现了一个bug,全国地图在下钻到省级地图并返回时,
处理echarts地图省份坐标重叠的方法
n//修改地图省份重叠问题nvar chinaEchartsObj = echarts.getMap('china');nvar geoJSONChina = chinaEchartsObj.geoJson;nvar allDefProvince = geoJSONChina.features;nfor(var i=0,len=allDefProvince.length; i&amp;lt;len; i+...
echarts地图label重叠 位置地点名称标签
echarts地图label重叠
ECharts中国地图--省份文字居中
这是我修改过的和在官网下载的不一样
Echarts市级地图(全国)
Echarts官网的地图不再提供下载,从GitHub上可以下载全国和省市地图,但没有单独的地市和区县地区,资源中提供的内容是全国各地市的地图,可以单独显示地市,并显示区县轮廓。 下载需知: 1、资源中只有地市地图,没有全国和省地图,如果需要自己从GitHub搜索echarts到map目录下载。 2、资源中只有json格式地图,没有js格式。
echarts全国地图显示到城市级别
echarts默认没有提供全国地图显示到城市级别的json数据,需要自己合并拼装地图json数据
echarts3.0在加载省市地图——小白日记
刚刚接触echarts,由于需要引入省市级地图,但是 官方示例里只有全国地图。。查了很久也没有成功解决问题,最常见的就是只有一个南沙群岛的图,后来打开js文件终于解决了问题....nn查看官网的代码nn nnJavaScript 引入示例nnn&amp;lt;script src=&quot;echarts.js&quot;&amp;gt;&amp;lt;/script&amp;gt;n&amp;lt;script src=&quot;map/js/china.js...
echarts 显示地市
series: [n {n type: 'map',n //mapType: 'china',n mapType: '山东',n roam: false,n hoverable: false,n itemStyle: {n normal: {n label:
echarts各省市级地图
官网地图包已经不可下载,这里包含全国地图,精确到市一级,样式请使用火狐打开,谷歌需要解决跨域问题打开才会有效果
echarts细分到城市的中国地图(含所有省份的城市)
该文件包含了中国所有省份的城市。网上其它的资源都只细分到省份,并没有细分到城市级别,该资源实现了细分到城市级别的中国地图!
echarts地图省市区县名称显示位置调整
问题“崇州市“显示跑错地方了:1.地图经纬度查询地址:  先查询出具体经纬度,然后2.修改json地图上显示名称的位置坐标【与上面查询的经纬前后相反】的&quot;cp&quot;参数,没有就添加类似如下:...{&quot;type&quot;:&quot;Feature&quot;,&quot;properties&quot;:{&quot;cp&quot;:[103.6711120605,30.6308222497],&quot;name&quot;:&quot;崇州市&quot;}...然后省市区县
echarts数据地图实现省市联动点击
一个echarts数据地图的案例,展示全国省市的数据,以及点击省份下钻到市级的数据展示效果。
echarts中国各市级js和json地图
echarts中国各市级js和json地图,echarts中国各市级js和json地图
Echarts之地图自定义lable文本标签&去掉小点
<!DOCTYPE html>n<html> <head>n <meta charset="UTF-8">n <title>省名称居中显示</title>n </head> <body>n <div id="map" style="width: 600px;height: 500px; float: left;">n </di
解决Echarts中多条markLine的Label重叠问题
解决Echarts中多条markLine的Label重叠问题nnnn nnEcharts中设置markLine[参考线]nn nnnconst option = {n    title: {n        text: 'markLine Test'n    },n    series: {n        name: '行驶里程(KM)',n        type: 'bar',n      ...
适用于Echarts-map中的中国所有城市坐标
中国所有城市的坐标位置,用于Echarts中series-effectScatter的城市定点以及series-map的城市定点
echarts地图资源
echarts map 资源,含全世界;中国;省;市地区的地图 ;json .js都有),echarts官网上都挺详细的,唯一难受的地方就是echarts的地图数据都下架了,数据或许不是很精确,所以仅供大家参考。有问题可以联系
Echarts省市级地图js,json数据
Echarts省市级地图资源,反正我是找到了我需要的连云港市的,里面有区域划分
调用百度 Echarts 显示重庆市地图
因为 Echarts 官方不再提供地图数据的下载,在这里保存一份,供日后使用,重庆地图数据的 JSON 文件在 CSDN 上下载。nnnnnn&amp;lt;!DOCTYPE html&amp;gt;n&amp;lt;html style=&quot;height: 100%&quot;&amp;gt;n &amp;lt;head&amp;gt;n &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;n &amp;lt;/head&amp;gt;n
Echarts3里的地图标记点事件效果实现
echarts官方api:http://echarts.baidu.com/index.html
echarts散点图多点重合鼠标移入数据无法全部显示的解决办法
代码地址:https://github.com/BadMooncc/echarts-scatternn转载注明出处:https://blog.csdn.net/badmoonc/article/details/80983854nn如若不想看我啰嗦,可以直接去项目查看代码,代码实现非常简单nnecharts散点图trigger设置为item的情况下,多个点重合在一起当我们鼠标指向该点时,数据只会显示...
echarts--省市县级地图json
全国344个县级地图json
Echarts:map地图渲染及省市区下钻
最近项目有省市各个区域设备心跳检测的一个需求,所以就接触到echarts的地图map相关知识点,对最近了解的一些知识点做一下总结,希望对有需要了解的小伙伴有些帮助,正文开始:nn开发过程中需要注意的地方:nn1、读取json文件数据的话需要在项目中跑,因为是ajax请求,在静态页面中单独这样引入是会报错的nn2、地图数据data里面的名称,也就是区域名称字段值必须与json文件里面的各个区域名称保...
echarts3地图数据(含全国和省js以及全国、省、地市)
整理最全的 echarts3地图数据!含全国和省js以及全国、省、地市
Echarts地图,包括 省 市所有的js和json
做Echarts地图所用到的省 市js和json,现在官网没有,唉。
D3JS:饼图 Label显示重叠的几种破法
分析饼图的label有内置和外置的情况。n 内置n n n 暂无n n n 外置n n n 困扰n n n label 的文本长度 n 数据跨度过大时,小数据对应弧度过小n n n所收集的解决方案n 内置n n n 暂无n n n 外置n n n n 简单处理http://jsfiddle.net
pyecharts map在使用时地图能显示但没数据的解决办法
今天在做一个小东西时需要用到pyecharts的 mapnn出现如图问题nnnn有数据,地图显示但地图上不显示数据。在细心检查后发现,该API接口中的地名后面都带有行政区名称,如‘市’,‘县’nn于是在数据中加入了一个’市‘字,数据便完全显示了出来:nnnnnn是不是很水???nn哈哈,有时候就是这么坑,仔细检查就没问题了nn nn ...
echarts如何引入市级地图
1、获取相应市级地图的json文件rn2、在标签中使用jquery的异步加载获取资源rn3、不说了,直接上图和代码rn项目的文件结构rnrnrn具体的实现代码:rnnnn n EChartsn n n nnn n n n $.get('mapjson/yinchuan.json', function (yCjson) {n
echarts 地图 省市 json文件
echarts 地图的json文件,前端数据可视化的数据显示,直接在js文件中请求json文件,即可显示,有这方面的问题,联系我qq649651826
Echarts地图省市关联下钻,读取数据库中数据
js文件$(function() {n // $('.chart').resize(function () {n // myChart.resize();n // });n $.ajax({n type: "post",n async: false,n //同步执行n url: "/test/getCityDat
echarts 使用案例:针对map地图中显示数据格式化
前言:1,报表连接:http://gallery.echartsjs.com/editor.html?c=xrJZ60TVIg2,echats 制作报表中,使用地图的展示样式,发现地图上的显示数据不符合本意,地图中默认显示:区域:经纬度,数值。1,先看下截图:如图中 成都 省 显示就会出现:成都省,123.12,45.22,100;如果你这不是你所需要的需要自定义显示的样式,可以参考下面的解决方法...
echarts 地图,省市及主要城市
echarts 3.0地图,省市及主要城市,附带主要城市对照文档。
echarts使用自定义地图移动文字与formatter失效解决
一、地图文字位置有偏移或需要进行移动nn1. 直接修改JSON文件nn打开自定义地图的JSON文件,可以看到内容为nnnn其中的cp数据则为当前地图文字显示的坐标位置,与实际经纬度相同。可以通过经纬度查询查找相应地点的经纬度,并修改图中的cp数据,即可达到修改自定义地图文字位置的目的。但直接修改总归是不太合适,所以也可以采取第二种方法,在代码中修改。nn2.获取地图JSON数据进行修改nn直接上图...
echarts的中国地图,点击进入省级地图,点击省级地图,返回中国地图
先上效果图,鼠标放上去时的效果,如下图所示:点击进入到的省级地图,如下图所示:中国地图,鼠标放上去时的代码:myChart.on('mouseover', function (params) {n var dataIndex = params.dataIndex;n // console.log(params);n });中国地图的点击事件:myChart.on(...
Echarts-地图全国主要城市的分布显示
效果图nnnn1、准备全国城市的sql,包含经纬度 提取码:fdyl (此sql在那个仁兄的基础上,填了一个字段,修改了保定的行政区更改,和一些拼音的修改,在此谢谢哪位仁兄)nn2、创建map容器,此处不再具体介绍,直接上代码,可参考点我nnn var option = {n geo: {n map: 'china',n roam: true,n itemSty...
echarts湖南地图
echarts湖南地图数据集合,echarts湖南地图数据集合,echarts湖南地图数据集合
echarts地图+省+市+区+县扩展(小笔记)
HTML页面开始--------rnrnrnrnrnrnrnrnrnrnrnHTML页面结束--------rnrnACitymap.Js开始--------rn//======================================================================================================rn//初始化值rn//===
Echarts3实例 map地图加载点数据
前言n&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Echarts map地图展示坐标点,并能更具不同的属性值进行区分,展示点数据依赖于Echarts的散点图scatter、effectScatter,底图依赖于geo。n&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;geo:地理坐标系组件。地理坐标系组件用于地图的绘制,支持在地理坐标系上绘制散点图,线集。n&amp;nbsp;&amp;nbsp;&amp;nbsp;...
echarts的地图下钻静态实现,中国下钻到各省、直辖市。(省级下钻到市级、县级貌似也类似吧)
由于工作需要可能用到echarts的地图下钻功能,说实话,网上写地图下钻的就那么几篇文章都是大同小异,然后我还弄不太明白,就自己写了这个。nechart地图全国下钻到省
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 echarts教程python 地图数据库课程设计