这里的china.json 可以直接import引入,不需要和echarts官网例子一致, 使用也会更方便axios.get("/city/china.json").then((res)=>{console.log(res);echarts.registerMap("china",{geoJSON:res.data});this.mapChart=echarts.init(document.getElementById("mapChart"));// 目标数据格式// let arr = [/...
一、下载echarts插件(我这里使用的是 4.9.0 版本) npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts (这里是单独封装了地图组件) components/map.vue <template> <divclass="map-view"> <div id="main"></div> </div> </template> <script>import*asechartsfrom'echarts'import geo...
第一步:下载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...
chinaoption:{},}},mounted:function(){setTimeout(()=>{this.$nextTick(function(){this.chinaConfigure();this.worldConfigure();});},0)},methods:{// 中国地图配置代码chinaConfigure(){this.chinaMap=echarts.init(document.querySelector('.chinaMap'));vardata=[{name:"台湾",value:1,ndtzjh:...
log('ECharts is not Loaded'); return; } if (!echarts.registerMap) { log('ECharts Map is not loaded') return; } echarts.registerMap('china', {"type": "FeatureCollection", "features": [{"type": "Feature","properties":{"id":"65","name":"新疆","cp":[84.9023,41.748],"childNu...
2、注册地图到echarts中 //根据自身情况,粘贴来的数据放在哪里就从哪里导入 import chinaMap from "@/assets/map/china.json"; //注册地图到echarts中 这里的 "china" 要与地图数据的option中的geo中的map对应 echarts.registerMap("china", { geoJSON: chinaMap }); ...
Echarts最新的5.0版本,缺少内置的中国地图资料文件(china.js),所以只能用4.9版本,命令如下 `npm install echarts@4.9.0` 也可通过package.json文件查看/修改版本号 二、引入Echarts相关依赖 import echarts from "echarts/lib/echarts" import china from 'echarts/map/json/china.json' ...
1. echarts.registerMap echarts 方法:在 echarts 5.0 及之后版本取消了registerMap 此方法,所以最新 echarts(v5.2.2)版本引用会报错,所以这里我使用 v4.9.0 来注册地图。 // registerMap 接收两个参数// 第一个是地图名称,china 为显示右下角...
import 'echarts/map/js/china'; //引入中国地图 data() { return { map:{ // backgroundColor: '#1D346F', title: { text:'', subtext:'', x:'center' }, // dataRange: { // show: false, // min: 0, // max: 1000, // text: ['High', 'Low'], ...
echarts 方法:在 echarts 5.0 及之后版本取消了registerMap 此方法,所以最新 echarts(v5.2.2)版本引用会报错,所以这里我使用 v4.9.0 来注册地图。 // registerMap 接收两个参数 // 第一个是地图名称,china 为显示右下角南海诸岛,china1 则不显示右下角南海诸岛 ...