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}]
        }]
}

3个回答

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

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

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts各省市级地图
官网地图包已经不可下载,这里包含全国地图,精确到市一级,样式请使用火狐打开,谷歌需要解决跨域问题打开才会有效果
Echarts市级地图(全国)
Echarts官网的地图不再提供下载,从GitHub上可以下载全国和省市地图,但没有单独的地市和区县地区,资源中提供的内容是全国各地市的地图,可以单独显示地市,并显示区县轮廓。 下载需知: 1、资源中只有地市地图,没有全国和省地图,如果需要自己从GitHub搜索echarts到map目录下载。 2、资源中只有json格式地图,没有js格式。
echarts如何引入市级地图
1、获取相应市级地图的json文件 2、在标签中使用jquery的异步加载获取资源 3、不说了,直接上图和代码 项目的文件结构 具体的实现代码: ECharts $.get('mapjson/yinchuan.json', function (yCjson) {
echarts map,echarts地图数据
echarts map地图数据下载,echarts map地图数据下载,echarts map地图数据下载
echarts地图市级JSON数据-附带demo
基于echarts自定义地图所需市级JSON数据文件,附带demo.
echarts中国各市级js和json地图
echarts中国各市级js和json地图,echarts中国各市级js和json地图
Echarts地图标记重合问题原因
这两天在做页面的时候发现了一个bug,全国地图在下钻到省级地图并返回时,
echarts map地图完整json数据
echarts map 地图完整json数据 包含中国json数据,各省数据,各市数据
ECharts 中国各省市地图map
包括ECharts源码及压缩码 china.js 各省json 各市js 使用教程参考: https://echarts.baidu.com/api.html#echarts
echarts map山东省内地图
echarts山东省内地图 1.解决了点击区县,文字重叠在一起的问题 2.自定义了样式 3.省可以下钻到具体的区县
echarts 地图显示问题
echarts貌似是在3.0版本以前是把地图数据内置在echarts文件中的,所以只要引入echarts就可以直接使用地图了,比如省份地图、中国地图。 但是在3.0之后可能是由于法律问题吧,地图数据不在内置了。而需要通过geo也就是json文件加载引入。 目前我这边是用es6 import引入的。这其中也有不熟的地方。我这里引入的是省份地图。 步骤实现: 1.网上—github上就有各个...
杭州市echarts地图显示
这里有比较成熟的demo,还有些其他页面,有用拿去
echarts地图显示
####echarts地图显示 echarts 有多个模块,在require.config中引入 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;ECharts&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &
全国地图json(到市级)
全国地图json(到市级),可以用于echars里面等
echart2 市级地图实现
echart2 市级地图实现 echat2 引入外部json 地图数据的实现
全国市级Json地图
全国各市的json地图,适用于各种前端插件中的地图,方便好用!
echarts--市级地图json
js脚本文件,包含echarts全国所有市,JSON文件,绘制图数据
echarts图表Label换行显示
页面显示效果 当文字过长时我们可以考虑 1、lebel倾斜(设置 rotate:倾斜角度) 2、换行显示(js控制) formatter:function(val){ console.log(&amp;quot;label汉字--&amp;quot;,val); var strs = val.split(''); //字符串数组 var str = '' for(va...
Echarts全国城市地图数据、Echarts市级地图数据,Echarts城市地图数据包
有这个数据后,可以用Echarts单独显示城市,并显示区县轮廓。可以用来做Echarts城市数据可视化~ (注:这个数据包只有城市数据,没有省份数据,如需省份数据可以GitHub搜索echarts下载) 自己找了好久,好多都是不能用的,终于找到个能用的,在此分享给大家~
ECharts 去掉地图(map)的指示图(visualMap)
ECharts 去掉地图(map)的指示图(visualMap): 只需要将visualMap的show改为false即可(只是隐藏指示,设置的颜色,最大最小值等映射都不会影响): myChart.setOption(option = { visualMap: { show: false } });
echarts map js json 地图数据
echarts map 省级js 省市级json数据.................................................
Echarts地图问题(Map jilin not exists)
用echarts地图的时候,china.js是正常的,但是用单个省的时候就报错rn"Map jilin not exists. You can download map file on http://echarts.baidu.com/download-map.html"rn而且我已经从官网上下载地图了,且也引用了rn[img=https://img-bbs.csdn.net/upload/201707/20/1500563150_201923.png][/img]rn请问各位大神是什么原因?rnrn下面是代码rn[code=html]rnrnrnrn rn maprnrnrn rn rn rn rnrn rnrnrn[/code]rn
echarts map地图数据Json制作教程
首先来一个echarts map地图使用的教程(对应地图的数据包我的下载里有 echarts地图离线数据包 有需要的可以自行下载或在博客下留言我会单独发你) &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;
Echarts Map地图下钻至县级
准备工作: 1.首先使用vue-cli的脚手架生成vue项目。 2.然后使用npm安装echarts npm install echarts -S 3.安装完后再mian.js中挂载到vue的实例上使用,当然你也可以哪里需要在再哪里引入 引入: import echarts from ‘echarts’ // e-charts 挂载: Vue.prototype.$echarts = echart...
echarts map地图自动高亮显示提示框轮播
function mapGeo(data) { var chart = echarts.init(document.getElementById('mapGeo')); var mapUrl = staticsUrl + '/js/echart-map/beijing.json'; $.get(mapUrl, function (mapJs...
Echarts之map地图隐藏港澳台等区域
只是提供一种思路: china.js中找到echarts.registerMap(‘china’, {中的”features”KEY值 形如:{ "id": "710000", "geometry": { "type": "MultiPolygon", "coordinates": [
Echarts:map地图渲染及省市区下钻
最近项目有省市各个区域设备心跳检测的一个需求,所以就接触到echarts的地图map相关知识点,对最近了解的一些知识点做一下总结,希望对有需要了解的小伙伴有些帮助,正文开始: 开发过程中需要注意的地方: 1、读取json文件数据的话需要在项目中跑,因为是ajax请求,在静态页面中单独这样引入是会报错的 2、地图数据data里面的名称,也就是区域名称字段值必须与json文件里面的各个区域名称保...
echarts 使用案例:针对map地图中显示数据格式化
前言:1,报表连接:http://gallery.echartsjs.com/editor.html?c=xrJZ60TVIg2,echats 制作报表中,使用地图的展示样式,发现地图上的显示数据不符合本意,地图中默认显示:区域:经纬度,数值。1,先看下截图:如图中 成都 省 显示就会出现:成都省,123.12,45.22,100;如果你这不是你所需要的需要自定义显示的样式,可以参考下面的解决方法...
echarts map不能显示颜色
如下,第一图是chrome中的,有些地图块不能显示颜色。第二图是ie中的,能完全显示颜色。请问原因是什么?如何解决。谢谢!n图一n![图片说明](https://img-ask.csdn.net/upload/201807/22/1532252308_468199.png)n图二n![图片说明](https://img-ask.csdn.net/upload/201807/22/1532252335_153043.png)
全国市级地图json文件
全国各市的地图接送文件,用Echarts的可以改造制作市地图下钻,市级地图,
中国全省市级的地图json
中国全省市级的地图json
ECharts 地图
ECharts 地图,几种样式的地图DEMO
Echarts地图
结合百度地图实现的中国各个省份的资源分布图,可直接使用
echarts地图
内含世界地图,中国地图,中国各省市地图,js文件和json文件全部都有
Map地图,将地图显示到定位位置
//缩小地图比例 MapStatusUpdate updata=MapStatusUpdateFactory.zoomTo(15.0f); mBaiduMap.setMapStatus(updata); private void weizhi(BDLocation location) { // 开启定位图层 mBaiduMap.setMyLocationEnab
echarts 地图
地图 echarts 免费完整下载,里面包括中国及其省市县3级地图的json。和使用例子
ECharts的map资源,js及json。ECharts Map
ECharts的map资源官网已经被和谐不能下载了。 留存一份,保平安。
Echarts(baidu)和市级地图的显示,有多个例子,同时有一些疑问
网上总结的一些别人和自己的Echarts例子,还有baidu的服务部署,文件是一个基于eclipse的项目
echarts地图(县级地图制作):
关于echarts地图, 2018年初左右,官方已经不支持继续下载,即使可以下载,也就是一些全国地图和省市、地图,但是实际上很多人需要使用到一些县级或者乡级的地图,这样就会让我们经常无从下手,因此,我这里提供了部分乡级地图和县级地图(也是我之前弄的资源),同时也来解释一下具体的地图手工制作的方法,可能有一些笨重,如果非常需要的话之恶能使用这个方法了(个人推荐)。 首先生成工具的链接是:http...
Echarts地图 东莞市地图json
Echarts地图 东莞市地图json
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件