修改兼容性

src/components/chart.vue

@@ -38,6 +38,9 @@ const setData = (e) => {
   option.value = e;
   initChart(e);
 };
+const on = (a, b) => {
+  chart.value.on(a, b);
+};
 const initChart = (option) => {
   if (!chart.value) {
     chart.value = echarts.init(chartRef.value, 'macarons');
@@ -64,6 +67,7 @@ onBeforeUnmount(() => {
   window.removeEventListener('resize', resize);
 });
 defineExpose({
-  setData
+  setData,
+  on
 });
 </script>

src/views/ems/report/pointSteamCurve/index.vue

@@ -211,7 +211,7 @@ export default {
 
 
     this.getTreeselect()
-    this.getTreeMonitorInfo()
+    // this.getTreeMonitorInfo()
     this.getList()
   },
   watch: {
@@ -321,7 +321,7 @@ export default {
           x: 'center'
         },
         grid: {
-          top: '15%',
+          top: '40',
           bottom: '10%',
           left: '10%',
           right: '3%'
@@ -654,11 +654,11 @@ export default {
             this.$refs.Chart4.setData(option4)*/
       /*      echarts.connect(this.$refs.Chart1.chart, this.$refs.Chart2.chart, this.$refs.Chart3.chart, this.$refs.Chart4.chart)*/
       echarts.connect(this.$refs.Chart1.chart)
-
-      this.$refs.Chart1.chart.on('datazoom', (e) => {
-        option.dataZoom[0].start = e.start;
-        option.dataZoom[0].end = e.end;
-        this.$refs.Chart1.setData(option);
+      console.log(this.$refs.Chart1);
+      this.$refs.Chart1.on('datazoom', (e) => {
+        option1.dataZoom[0].start = e.start;
+        option1.dataZoom[0].end = e.end;
+        this.$refs.Chart1.setData(option1);
       });
 
       /*      this.$refs.Chart1.chart.on('datazoom', (e) => {