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
Monsterco0512 你好,有具体的实现方法吗?我在缩放事件里面修改option属性没有生效
8 个月之前 回复

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Echarts(baidu)和市级地图的显示,有多个例子,同时有一些疑问
网上总结的一些别人和自己的Echarts例子,还有baidu的服务部署,文件是一个基于eclipse的项目
处理echarts地图省份坐标重叠的方法
//修改地图省份重叠问题 var chinaEchartsObj = echarts.getMap('china'); var geoJSONChina = chinaEchartsObj.geoJson; var allDefProvince = geoJSONChina.features; for(var i=0,len=allDefProvince.length; i&amp;lt;len; i+...
Echarts地图标记重合问题原因
这两天在做页面的时候发现了一个bug,全国地图在下钻到省级地图并返回时,
Echarts市级地图(全国)
Echarts官网的地图不再提供下载,从GitHub上可以下载全国和省市地图,但没有单独的地市和区县地区,资源中提供的内容是全国各地市的地图,可以单独显示地市,并显示区县轮廓。 下载需知: 1、资源中只有地市地图,没有全国和省地图,如果需要自己从GitHub搜索echarts到map目录下载。 2、资源中只有json格式地图,没有js格式。
ECharts中国地图--省份文字居中
这是我修改过的和在官网下载的不一样
echarts地图label重叠 位置地点名称标签
echarts地图label重叠
echarts全国地图显示到城市级别
echarts默认没有提供全国地图显示到城市级别的json数据,需要自己合并拼装地图json数据
echarts3.0在加载省市地图——小白日记
刚刚接触echarts,由于需要引入省市级地图,但是 官方示例里只有全国地图。。查了很久也没有成功解决问题,最常见的就是只有一个南沙群岛的图,后来打开js文件终于解决了问题.... 查看官网的代码   JavaScript 引入示例 &amp;lt;script src=&quot;echarts.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script src=&quot;map/js/china.js...
echarts各省市级地图
官网地图包已经不可下载,这里包含全国地图,精确到市一级,样式请使用火狐打开,谷歌需要解决跨域问题打开才会有效果
echarts 显示地市
series: [ { type: 'map', //mapType: 'china', mapType: '山东', roam: false, hoverable: false, itemStyle: { normal: { label:
echarts的中国地图,点击进入省级地图,点击省级地图,返回中国地图
先上效果图,鼠标放上去时的效果,如下图所示:点击进入到的省级地图,如下图所示:中国地图,鼠标放上去时的代码:myChart.on('mouseover', function (params) { var dataIndex = params.dataIndex; // console.log(params); });中国地图的点击事件:myChart.on(...
Echarts省市级地图js,json数据
Echarts省市级地图资源,反正我是找到了我需要的连云港市的,里面有区域划分
Echarts之地图自定义lable文本标签&去掉小点
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>省名称居中显示</title> </head> <body> <div id="map" style="width: 600px;height: 500px; float: left;"> </di
echarts中国各市级js和json地图
echarts中国各市级js和json地图,echarts中国各市级js和json地图
Echarts:map地图渲染及省市区下钻
最近项目有省市各个区域设备心跳检测的一个需求,所以就接触到echarts的地图map相关知识点,对最近了解的一些知识点做一下总结,希望对有需要了解的小伙伴有些帮助,正文开始: 开发过程中需要注意的地方: 1、读取json文件数据的话需要在项目中跑,因为是ajax请求,在静态页面中单独这样引入是会报错的 2、地图数据data里面的名称,也就是区域名称字段值必须与json文件里面的各个区域名称保...
echarts3地图数据(含全国和省js以及全国、省、地市)
整理最全的 echarts3地图数据!含全国和省js以及全国、省、地市
解决Echarts中多条markLine的Label重叠问题
解决Echarts中多条markLine的Label重叠问题   Echarts中设置markLine[参考线]   const option = {     title: {         text: 'markLine Test'     },     series: {         name: '行驶里程(KM)',         type: 'bar',       ...
echarts——地图map加引导线、labelLine效果
echarts地图map有时因数据较密集,label会叠加在一起,只有饼图pie有labelLine引导线,如下两种方法可以实现地图map添加引导线。 实现效果如下,可以直接在echarts编辑器运行看效果https://www.echartsjs.com/gallery/editor.html。 方法一:引导线用lines实现 ,其它用scatter实现(也可以用map中的label实现...
echarts--省市县级地图json
全国344个县级地图json
echarts地图资源
echarts map 资源,含全世界;中国;省;市地区的地图 ;json .js都有),echarts官网上都挺详细的,唯一难受的地方就是echarts的地图数据都下架了,数据或许不是很精确,所以仅供大家参考。有问题可以联系
echarts数据地图实现省市联动点击
一个echarts数据地图的案例,展示全国省市的数据,以及点击省份下钻到市级的数据展示效果。
Echarts地图,包括 省 市所有的js和json
做Echarts地图所用到的省 市js和json,现在官网没有,唉。 这个积分涨太多, 到这里下吧 https://download.csdn.net/download/lyhuo/11357055
pyecharts map在使用时地图能显示但没数据的解决办法
今天在做一个小东西时需要用到pyecharts的 map 出现如图问题 有数据,地图显示但地图上不显示数据。在细心检查后发现,该API接口中的地名后面都带有行政区名称,如‘市’,‘县’ 于是在数据中加入了一个’市‘字,数据便完全显示了出来: 是不是很水??? 哈哈,有时候就是这么坑,仔细检查就没问题了    ...
D3JS:饼图 Label显示重叠的几种破法
分析饼图的label有内置和外置的情况。 内置 暂无 外置 困扰 label 的文本长度 数据跨度过大时,小数据对应弧度过小 所收集的解决方案 内置 暂无 外置 简单处理http://jsfiddle.net
echarts细分到城市的中国地图(含所有省份的城市)
该文件包含了中国所有省份的城市。网上其它的资源都只细分到省份,并没有细分到城市级别,该资源实现了细分到城市级别的中国地图!
echarts如何引入市级地图
1、获取相应市级地图的json文件 2、在标签中使用jquery的异步加载获取资源 3、不说了,直接上图和代码 项目的文件结构 具体的实现代码: ECharts $.get('mapjson/yinchuan.json', function (yCjson) {
echarts湖南地图
echarts湖南地图数据集合,echarts湖南地图数据集合,echarts湖南地图数据集合
echarts 地图 省市 json文件
echarts 地图的json文件,前端数据可视化的数据显示,直接在js文件中请求json文件,即可显示,有这方面的问题,联系我qq649651826
适用于Echarts-map中的中国所有城市坐标
中国所有城市的坐标位置,用于Echarts中series-effectScatter的城市定点以及series-map的城市定点
Echarts地图省市关联下钻,读取数据库中数据
js文件$(function() { // $('.chart').resize(function () { // myChart.resize(); // }); $.ajax({ type: "post", async: false, //同步执行 url: "/test/getCityDat
河北省市级echarts地图文件
河北省市级地图js和json文件,由于市级以下县级没有区域轮廓,就不传了,样例使用北京市地图,建议用火狐打开,谷歌请参考跨域解决方案
echarts 地图,省市及主要城市
echarts 3.0地图,省市及主要城市,附带主要城市对照文档。
echarts3地级市人口密度热力图
准备工作: 1 echarts2官网,下载echarts2,解压。目录结构 2 下载echarts3的js文件 3 http://echarts.baidu.com/download-theme.html,下载主题vintag.js(可以不选) 要点: 1 全国地图找子集地市http://echarts.baidu.com/echarts2/doc/example/ma
echarts使用自定义地图移动文字与formatter失效解决
一、地图文字位置有偏移或需要进行移动 1. 直接修改JSON文件 打开自定义地图的JSON文件,可以看到内容为 其中的cp数据则为当前地图文字显示的坐标位置,与实际经纬度相同。可以通过经纬度查询查找相应地点的经纬度,并修改图中的cp数据,即可达到修改自定义地图文字位置的目的。但直接修改总归是不太合适,所以也可以采取第二种方法,在代码中修改。 2.获取地图JSON数据进行修改 直接上图...
echarts散点图多点重合鼠标移入数据无法全部显示的解决办法
代码地址:https://github.com/BadMooncc/echarts-scatter 转载注明出处:https://blog.csdn.net/badmoonc/article/details/80983854 如若不想看我啰嗦,可以直接去项目查看代码,代码实现非常简单 echarts散点图trigger设置为item的情况下,多个点重合在一起当我们鼠标指向该点时,数据只会显示...
echarts地图(县级地图制作):
关于echarts地图, 2018年初左右,官方已经不支持继续下载,即使可以下载,也就是一些全国地图和省市、地图,但是实际上很多人需要使用到一些县级或者乡级的地图,这样就会让我们经常无从下手,因此,我这里提供了部分乡级地图和县级地图(也是我之前弄的资源),同时也来解释一下具体的地图手工制作的方法,可能有一些笨重,如果非常需要的话之恶能使用这个方法了(个人推荐)。 首先生成工具的链接是:http...
eCharts地图344个县区
eCharts地图344个县区
echarts的地图下钻静态实现,中国下钻到各省、直辖市。(省级下钻到市级、县级貌似也类似吧)
由于工作需要可能用到echarts的地图下钻功能,说实话,网上写地图下钻的就那么几篇文章都是大同小异,然后我还弄不太明白,就自己写了这个。 echart地图全国下钻到省
echarts显示地图以及jQuery地域选择器插件
前几天再做项目的时候用到了echarts的map显示。由于官网上的例子有限,我要在例子上进行扩展,很是搞了一番功夫。话不多说了,看例子: 1.echarts作为百度的一个开源插件,在有些地方可以做的很炫。主要是支持多种方式可以使用。 在echarts官网上下载:http://echarts.baidu.com/doc/example.html 现在看看怎么在jsp里面使用: 模块化单文...
echarts4地图数据文件(含全国和省json以及全国、省、地市json文件)
echarts4地图数据文件(含全国和省js以及全国、省、地市json文件)