- ·引入地图数据、配置基础地图
await axios.get("../../../static/json/map/yantai.json", {}).then(yantaiJson => { //获取json数据 echarts.registerMap("yantai", yantaiJson.data); //生成地图 let jsondata = yantaiJson.data.features; // 随机生成数据; jsondata.forEach(item => { let value = { name: item.properties.name, value: item.properties.center }; tempData.push(value); }); });
//注册使用地图 let yantaiMap = echarts.init(this.$refs.yantaiMap); geo: { show: true, type: "map", map: "yantai", data: tempData, scaleLimit: { min: 1, max: 4 }, itemStyle: { //地图颜色 normal: { show: true, //省份名称 borderColor: "#0099cc", borderWidth: 1, areaColor: { type: "radial", x: 0.5, y: 0.5, r: 0.8, colorStops: [ { offset: 0, color: "#003366" // 0% 处的颜色 } ], globalCoord: false // 缺省为 false } }, emphasis: { areaColor: { type: "radial",
echars 地图添加引导线效果
于 2022-04-25 13:44:50 首次发布