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各省市级地图
官网地图包已经不可下载,这里包含全国地图,精确到市一级,样式请使用火狐打开,谷歌需要解决跨域问题打开才会有效果
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 Map(地图) 不同颜色区块显示
以河南地图为例: 代码如下: &lt;h3&gt;天翼日必达完成率&lt;/h3&gt; &lt;div id="map" style="height:340px; text-align:left; padding:0 20px 20px 20px;"&gt;&lt;/div&gt; &lt;script type="text/javasc...
Echarts地图标记重合问题原因
这两天在做页面的时候发现了一个bug,全国地图在下钻到省级地图并返回时,
ECharts 中国各省市地图map
包括ECharts源码及压缩码 china.js 各省json 各市js 使用教程参考: https://echarts.baidu.com/api.html#echarts
echarts map地图完整json数据
echarts map 地图完整json数据 包含中国json数据,各省数据,各市数据
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; &
echart2 市级地图实现
echart2 市级地图实现 echat2 引入外部json 地图数据的实现
全国地图json(到市级)
全国地图json(到市级),可以用于echars里面等
H5做市级地图
var cityMap = { "长沙市": "430100", "株洲市": "430200", "湘潭市": "430300", "衡阳市": "430400", "邵阳市": "430500", "岳阳市": "430600", "常德市": "430700", "张家界市": "430800", "益阳市": "430
全国市级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完成市级的图表
市级的文件的地址:https://github.com/liangrumeng2015/province_and_city 效果图展示: 思路: (1)需要拿到每个省份的市文件(可从上面的github上面下载) (2)读取JSON文件,读取市 $.getJSON(" json文件所在的地址 ", "", function(data) {}); 代码展示:(引入json文件,代码...
Echarts 地图上显示数值
Echarts 地图上展示数值,效果如下: 上代码:关键代码用红色 series: [ { //name: '香港18区人口密度', type: 'map', mapType: 'jiangsu', // 自定...
Echarts全国城市地图数据、Echarts市级地图数据,Echarts城市地图数据包
有这个数据后,可以用Echarts单独显示城市,并显示区县轮廓。可以用来做Echarts城市数据可视化~ (注:这个数据包只有城市数据,没有省份数据,如需省份数据可以GitHub搜索echarts下载) 自己找了好久,好多都是不能用的,终于找到个能用的,在此分享给大家~
Echarts 动态添加到map显示
function loadMap(){ var quota = $("#quota").val(); var quotaName = $("#quotaName").val(); var tradeName = $("#analysis_"+analysis_nav+"_"+tradeId).text(); var year = $("#year").val(); var ty...
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)
ECharts 去掉地图(map)的指示图(visualMap)
ECharts 去掉地图(map)的指示图(visualMap): 只需要将visualMap的show改为false即可(只是隐藏指示,设置的颜色,最大最小值等映射都不会影响): myChart.setOption(option = { visualMap: { show: false } });
Echarts之map地图隐藏港澳台等区域
只是提供一种思路: china.js中找到echarts.registerMap(‘china’, {中的”features”KEY值 形如:{ "id": "710000", "geometry": { "type": "MultiPolygon", "coordinates": [
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地图数据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 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地图渲染及省市区下钻
最近项目有省市各个区域设备心跳检测的一个需求,所以就接触到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;如果你这不是你所需要的需要自定义显示的样式,可以参考下面的解决方法...
全国市级地图json文件
全国各市的地图接送文件,用Echarts的可以改造制作市地图下钻,市级地图,
Echarts 地图(map)插件之 省份的颜色自定义
ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大...
中国全省市级的地图json
中国全省市级的地图json
FusionMaps中国市级地图解决方案
FusionMaps地图包括两种格式swf和js swf格式的市级地图扩展,可以使用编译和反编译原swf地图文件的方法,将swf文件反编译为fla文件,修改对应的NameofCityMap.as文件,实现市级地图的扩展。 注意,FusionMaps的swf文件使用Flash player8.0和ActionScript 2.0。 js格式的市级地图扩展,即添加FusionCharts
Echarts地图
结合百度地图实现的中国各个省份的资源分布图,可直接使用
echarts地图
内含世界地图,中国地图,中国各省市地图,js文件和json文件全部都有
相关热词 c# gdi 占用内存 c#中遍历字典 c#控制台模拟dos c# 斜率 最小二乘法 c#进程延迟 c# mysql完整项目 c# grid 总行数 c# web浏览器插件 c# xml 生成xsd c# 操作sql视图