在series数组中,我们定义了一个类型为’map’的数据系列,其中map字段指定了使用自定义地图。最后,我们使用echarts.registerMap方法加载自定义地图JSON文件,并使用chart.setOption方法设置图表选项。 需要注意的是,在加载自定义地图JSON文件时,我们需要使用require或类似的方法将文件内容读入到JavaScript中。具体的加载方式可能...
进行地图绘制getGuangXiMap.then(res => {// 得到结果后,关闭动画myChart.hideLoading();// 注册地图(数据放在axios返回对象的data中哦)echarts.registerMap('GX', res.data);var option = {visualMap: {min: 1111,max: 333332,real
世界地图数据地址:import world from "echarts/map/json/world.json" 对,就是这么简单,他们都存在于npm包中,当我们找到这个数据时,发现了另一个问题:中国地图是加密的,世界地图是明文的。 解密的代码在这里,关于这个代码是如何得到的,下面会说明。 function decodePolygon(coordinate, encodeOffsets, encodeScale) ...
第一步:下载echarts npm install echarts --save main.js中引入 1 import* as echarts from'echarts'; 第二步:引入china.json文件 创建utils文件夹,在内创建china.json文件并在json文件内复制此段代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29...
中国地图数据地址:import china from "echarts/map/json/china.json" 世界地图数据地址:import world from "echarts/map/json/world.json" 对,就是这么简单,他们都存在于npm包中,当我们找到这个数据时,发现了另一个问题:中国地图是加密的,世界地图是明文的。 解密的代码在这里,关于这个代码是如何得到的,下面会...
registerMap('china',复制刚刚导入的GeoJson文件的代码);}));其中复制从阿里地图上导出的GeoJson文件，...
1. 首先拿到中国地图省份Geo数据; import chinaGeo from 'echarts/map/json/china.json' 2. 对 json解码; decode(chinaGeo) decode方法: echarts/coord/geo/parseGeoJson.js 3. 往解码得到的 GeoJson.features 中添加南海诸岛, 钓鱼岛坐标数据; echarts/coord/geo/fix/[diaoyuIsLand, nanhai] ...
我们在series中引入data,加一点随机数据,其中name值是json数据中的properties对应的name,名字一定要一致。 constoption={...series:[{type:"map",map:"china",// 引入地图数据name:"省份随机数据",data:[{name:"北京市",value:21,},{name:"天津市",value:12,},{name:"上海市",value:99,},{name:"重庆...
自定义华东地区json;先上效果图 1.下载中国地图json http://datav.aliyun.com/portal/school/atlas/area_selector?spm=a2crr.23498931.0.0.784015dd0mUf90 2.打开map增删网站 http://geojson.io/#map=2/20.0/0.0 2.1点击file 导入中国地图 2.2 删除不需要的json 本次需要华东地区的数据(上海、江苏、浙江、安...
一:引入echarts,以及引入china.js、china.json 二:设置echarts配置项 三:处理点击选中事件 代码: <template><divclass="wrap"><divclass="screen"ref="screen"></div></div></template><script>importecharts from'echarts'import'echarts/map/js/china.js'import'echarts/map/json/china.json'export defau...