```javascript
<template>
<div id="svgMapChart" style="width:100%;height:480px;"></div>
</template>
<script>
export default {
name: 'ROverview',
data() {
return {
}
},
mounted() {
this.drawSvgMap();
},
methods: {
drawSvgMap() {
// 基于准备好的dom,初始化echarts实例
var ROOT_PATH = 'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';
var myChart = this.$echarts.init(document.getElementById('svgMapChart'));
var option;
$.get(ROOT_PATH + '/data/asset/geo/MacOdrum-LV5-floorplan-web.svg', function (svg) {
echarts.registerMap('MacOdrum-LV5-floorplan-web', { svg: svg });
option = {
geo: {
map: 'MacOdrum-LV5-floorplan-web',
roam: true,
emphasis:
{ itemStyle: { color: null }}
}
}
});
option && myChart.setOption(option);
}
}
}
</script>
```
option && myChart.setOption(option);这句放到ajax回调里面,要不ajax还没返回就执行setOption了没有获取到配置的值。
有帮助麻烦点个采纳【本回答右上角】,谢谢~~
<template>
<div id="svgMapChart" style="width:100%;height:480px;"></div>
</template>
<script>
export default {
name: 'ROverview',
data() {
return {
}
},
mounted() {
this.drawSvgMap();
},
methods: {
drawSvgMap() {
// 基于准备好的dom,初始化echarts实例
var ROOT_PATH = 'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';
var myChart = this.$echarts.init(document.getElementById('svgMapChart'));
var option;
$.get(ROOT_PATH + '/data/asset/geo/MacOdrum-LV5-floorplan-web.svg', function (svg) {
echarts.registerMap('MacOdrum-LV5-floorplan-web', { svg: svg });
option = {
geo: {
map: 'MacOdrum-LV5-floorplan-web',
roam: true,
emphasis:
{ itemStyle: { color: null } }
}
}
option && myChart.setOption(option);/////////////////
});
//option && myChart.setOption(option);//这句放到ajax回调里面,要不ajax还没返回就执行setOption了没有获取到配置的值
}
}
}
</script>
宽是不是要给固定值
registerMap找不到这个方法遇到过嘛
打印这个方法一直undefined