终端运行管理

src/components/echarts/MyEchart.vue

@@ -9,9 +9,13 @@ import 'echarts/lib/component/dataZoom'
 const chartRef = ref<HTMLDivElement>()
 
 const props = defineProps(['options'])
-let chart: echarts.ECharts | null = null
+let chart: echarts.ECharts | any = null
 const resizeHandler = () => {
-    chart?.resize()
+    chart.getZr().painter.getViewportRoot().style.display =  "none";
+    requestAnimationFrame(() => {
+        chart.resize()
+        chart.getZr().painter.getViewportRoot().style.display =  "";
+    })
 }
 const initChart = () => {
     chart?.dispose()
@@ -88,7 +92,6 @@ const initChart = () => {
         ],
         yAxis: [
             {
-               
                 type: 'value',
 
                 nameTextStyle: {
@@ -148,9 +151,7 @@ const initChart = () => {
     })
 }
 onMounted(() => {
-    setTimeout(() => {
-        // initChart()
-    }, 20)
+    initChart()
     window.addEventListener('resize', resizeHandler)
 })
 defineExpose({ initChart })