土地现状上图与饼图样式合并冲突

src/views/farmlandProtection/components/fxjg.vue

@@ -45,9 +45,10 @@
         </div>
         <!-- <el-button size="mini" @click="zdyModel">图表切换</el-button> -->
       </div>
-      <div>
+      <div class="echartCon">
         <pie
-          :class="`echart${edata.length <= 6 ? '' : '_vertical'}`"
+          class="echart"
+          :style="`height: ${200 + edata.length * 15}px`"
           unit="㎡"
           @echartClick="(name) => echartClick(name)"
           :ref="`echartRef`"
@@ -117,7 +118,6 @@ export default {
   methods: {
     download() {},
     resultDeatils(val, mxbsm) {
-      // viewer.entities.removeAll();
       viewer.dataSources.removeAll();
       let obj = {
         bsm: this.fxjgObj.bsm,
@@ -240,16 +240,21 @@ export default {
   overflow-x: hidden;
   padding-right: 10px;
   line-height: 40px;
-
+.echartCon{
+  height: 350px;
+  overflow: hidden;
+  overflow-y: auto;
+}
   .echart {
     // width: 19rem;
     // height: 350px;
     width: 387px !important;
-    height: 200px !important;
+    height: 200px;
+    min-height: 200px;
   }
   .echart_vertical {
     width: 387px !important;
-    height: 370px !important;
+    height: 400px !important;
   }
 
   .downloadDiv {
@@ -318,7 +323,7 @@ export default {
   }
 
   .Integration {
-    max-height: 32vh;
+    max-height: 15vh;
     overflow: hidden;
     overflow-y: auto;