echarts 地图九状线显示钓鱼岛系列（1）之 3.0 与2.0区别

由于echarts 3.0 和2.0版本不一样，下文将分别介绍。

（vue项目，可以参考 echarts 地图九状线显示钓鱼岛（续-vue项目）

echarts地图需要按数据值大小，显示区域颜色的深浅，或获取数据值、气泡显示的话，一定要将json文件中省份的名称对应接口的字段名，如 json文件中为：香港、台湾、青海、北京，而接口返回的为：香港特别行政区、台湾省、青海省、北京市...，则显示不出来背景色，并且气泡无数据显示。

注意！注意！注意！

2.0版本：echarts内置地图，所以需要找到对应的地图渲染文件，替换掉原本的文件。如果没有当前文件的话，可以为对象添加属性： [文件名] 的方式添加上去（如：XXX['china1']=...）。再获取的时候，只需要（设置为）获取对应的文件（china1）即可。

PS：如果需要渲染（重置）china.js文件，引入的新china.js需更换名字（china1.js等等都可）。因为echarts默认渲染内置china.js，即使替换掉原来的china.js 为新文件，也会有问题，会以右下角四方框显示格式显示出来。可以再渲染全国地图的时候，让它去渲染china1文件。

3.0版本：无echarts内置地图模块，需引入外部文件。所以需要引入地图的时候，直接引入需要引入的对应文件即可，渲染的时候渲染引入的新文件，无需覆盖添加（函数）属性等操作。

（如图：china.js）

（如图：包含钓鱼岛，显示九状线，china1.js）

3.0版本：

1、（在对应需要渲染的文件中添加 json 对应的name）

2、（按名字渲染地图的话）当name为全国（地图），渲染 china1 文件 —— china-v.json 文件

    mapChart = echarts.init(document.querySelector('.map-box'));//按name-省份名字绘制的地图name = name == '全国' ? 'china1' : name;

2.0版本：

echarts引入的几个版本：echarts.js 、 echarts.all 、 echarts.min.js。每个版本内的写法和方式不同，所以各自引用和查找的该方法的方式也不同。可注册为全局，每次只要调用即可

路径千万表写错~~

引入echarts.all，写法：

echarts.util.mapData.params.params['china1'] = {getGeoJson: function (callback) {$.getJSON('geoJson/china-v.json',callback);}
}

PS：echarts.all 没有require，所以需要一级级找，找到你要修改的函数文件

引入echarts.js，写法

require('echarts/util/mapData/params').params['china1'] = {getGeoJson: function (callback) {$.getJSON('geoJson/china-v.json',callback);}
}

ps：可以用require方法直接引入。require('echarts/util/mapData/params'）===echarts.util.mapData.params.params 的作用。调用 .params渲染 ['china1']文件，在回调函数中获取China1文件用来渲染即可。

项目中的问题记录一下，如有不对，欢迎指点~

echarts 地图九状线显示钓鱼岛系列（1）之 3.0 与2.0区别相关推荐

echarts 地图九状线显示钓鱼岛系列（3）之 vue项目
我引入的是 "echarts": "^4.2.1" (地图对比) (china.js) (china1.js) 1.首先需要在node_modul ...
echarts 地图九状线显示钓鱼岛系列（2）之 china1.js文件（ china-v.js）
"adchar": "JD",此部分作用为显示九状图.name设置为空,如果 name: "JD"地图上会在九状图范围区域显示出 JD两个字 ...
echarts地图导航飞线与层级穿透
echarts展示地图时,需要导航飞线链接起始国家与目的国家,点击国家展示对应国家放大地图.如图 echarts版本 "echarts": "^5.3.0",& ...
echarts地图无数据想显示背景色
需求如下: 部分省无数据,想显示默认背景色灰色. 解决方案: 后端返回接口,无数据的省份值为null即可. echarts 配置如下 geo: {map: 'china',roam: false,zo ...
echarts地图省市区县名称显示位置调整
问题"崇州市"显示跑错地方了: 1.地图经纬度查询地址: 先查询出具体经纬度, 然后 2.修改json地图上显示名称的位置坐标[与上面查询的经纬前后相反]的"cp&quo ...
Echarts 地图tooltip多行显示,当鼠标悬停地区显示数据
代码如下 tooltip : {trigger : 'item',// formatter: '{b}'// formatter: '{b}<br/>{c} (个)'formatter : ...
ECharts地图，自定义map地图显示不同图标点，点击标点显示不同弹框
ECharts地图点击标注显示不同弹框使用的是湖北省js 可以自行更换效果图 gitee下载地址 https://gitee.com/han-zihao/echarts
Echarts地图柱状图问题
1.Echarts地图柱状图问题需要根据功能修改自己所需的地图模块,当前功能是根据line和散点图进行处理,根据经纬度形成一个柱状图, 比如:需要两个或者多个柱状图 1.添加多个经纬度,添加多个柱状 ...
自定义echarts地图展示行政区域
展示全国前十数据省份及数据大小如图 echarts地图设置map默认显示中国地图,若想自定义各省市县地图需要先引入当地数据资源json文件以沈阳为例首先引入沈阳json文件如下 import s ...

echarts 地图九状线显示钓鱼岛系列（1）之 3.0 与2.0区别

echarts 地图九状线显示钓鱼岛系列（1）之 3.0 与2.0区别相关推荐

最新文章

热门文章

echarts 地图九状线显示钓鱼岛系列 （1） 之 3.0 与2.0区别

echarts 地图九状线显示钓鱼岛系列 （1） 之 3.0 与2.0区别相关推荐

最新文章

热门文章

echarts 地图九状线显示钓鱼岛系列（1）之 3.0 与2.0区别

echarts 地图九状线显示钓鱼岛系列（1）之 3.0 与2.0区别相关推荐