props:{},mounted(){varmyChart=echarts.init(document.getElementById("main"));echarts.registerMap('china',china);letoption={series:[{type:"map",map:'china',// 引入地图数据},],};myChart.setOption(option);},};
ECharts之类型map(省级,地级市) 一、效果: 1.广东地图 2.深圳地图 二、项目结构: 1.广东地图 2.深圳地图 三、项目介绍: 1.广东地图: 地图包含三个模块,①广东地图图表是用geo,不是series因为只作为背景(可捕捉点击地级市事件)。②地图上的条形图是根据坐标地位的③左下角的条形图是根据grid来定位的。 2...
renderMap('china', shengAll) // 绑定点击地图区域事件 this.myMapChart.on('click', this.clickMap) }) }, /* 地区区域点击事件 */ clickMap(params) { // 点击省级显示市级 if (params.name in provinces) { console.log("省:" + params.name) this.$axios.get('/mapJSON/province/' + ...
import china from"echarts/map/json/china.json"; echarts.registerMap("china", china); exportdefault{ data() {return{ provinceName:"shanxi1", mapName:"陕西", listArr: [],//城市jsonmax: "",//最大value值min: "",//最小value值}; }, methods: { mapChinaOptions(data, formatter) { le...
3. 往解码得到的 GeoJson.features 中添加南海诸岛, 钓鱼岛坐标数据; echarts/coord/geo/fix/[diaoyuIsLand, nanhai] 至此, 便得到完整的中国地图板块数据; 截图中多出的深圳市也是以同样方法得到 广东省(echarts/map/json/province/guangdong.json)下深圳的数据 ...
3. Github上有很多这方面的资源,keyword可以搜索 json China province echarts. (给一个示例) 然后,在获得想要可视化的多个省份的JSON文件后,通过http://GEOJSON.IO可以上传多个省份JSON,该工具会在右边显示合并后的JSON文件,直接保存即可。 使用说明:多次打开open即可 ...
3,点击赋值换json/js各省份 的文件 就是这么简单 A页面 中国地图 <chart autoresize :options="map" :style="{height:'600px',width:'100%',}" @click="mapclick" @mouseover="mouseover" > </chart> js部分 import echartsfrom 'echarts' ...
当然在这里我是采用json数据罗列方式来整的,也就是将中国地图省直辖市和自治区、特别行政区及领海的一级区域等用json数据的方式进行存储,其实也可以放json文件的,网上也有很多可以下载的。如下所示实现方式: varmyChart=echarts.init(document.getElementById('china-map'));varoBack=document.getElementById("back...
我们在series中引入data,加一点随机数据,其中name值是json数据中的properties对应的name,名字一定要一致。 代码语言:javascript 复制 constoption={...series:[{type:"map",map:"china",// 引入地图数据name:"省份随机数据",data:[{name:"北京市",value:21,},{name:"天津市",value:12,},{name:"上海市",...
中国各省市县区地图json包. Contribute to lyingying/echarts-mapJson development by creating an account on GitHub.