echarts 容器自适应

无论是容器发生变化，还是全屏都可以响应resize

<object
      ref="mappingDOM"
      data="about:blank"
      style="
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
      "
    >object>


<script>

mounted(){
const mappingDOM = this.$refs["mappingDOM"].contentDocument.defaultView;
	mappingDOM.addEventListener("resize", () => {
	   //执行你的echarts resize()
	 });
 }

deactivated() {
   mappingDOM.removeEventListener("resize", () => {});
}

script>
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