src/views/wel/index.vue

@@ -23,9 +23,10 @@
           <span class="tips">{{item.tips}}</span>
         </router-link>
       </div>
+    </div>
+    <div class="active-chart" :style="{width: '100%', height: '600px'}">
       <h3>活动作品数统计</h3>
-      <div id="myChart" :style="{width: '100%', height: '600px'}">
-      </div>
+      <div id="myChart" style="width: 100%;height: 600px"></div>
     </div>
   </div>
 </template>
@@ -342,7 +343,7 @@
           })
         })*/
         activeTotal().then(res => {
-          var myChart = echarts.init(document.getElementById("myChart"));
+          let myChart = echarts.init(document.getElementById("myChart"));
           myChart.setOption({
             backgroundColor: '#fff',
             title: {
@@ -371,6 +372,10 @@
               }
             ],
           })
+
+          window.addEventListener("resize", ()=>{
+            myChart.resize();
+          })
         })
       },
       init() {