gx

src/view/echarts/ylJHSY.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: calc(100% - 68px);min-height:250px;"></div>
+  <div ref="chart" style="width: 100%; height: calc(100% - 56px);min-height:250px;"></div>
 </template>
 
 <script setup>

src/view/echarts/ylXZZC.vue

@@ -1,5 +1,8 @@
 <template>
-  <div ref="chart" style="width: 490px; height: calc(100% - 38px);min-height:150px;"></div>
+  <div
+    ref="chart"
+    style="width: 490px; height: calc(100% - 46px); min-height: 150px"
+  ></div>
 </template>
 
 <script setup>
@@ -10,12 +13,12 @@ import * as echarts from "echarts";
 const chart = ref(null); // 创建DOM引用
 
 const data = ["大街乡", "社阳乡", "沐尘畲族乡", "庙下乡", "溪口镇", "罗家乡"];
-let zoomShow = false;
-if (data.length > 7) {
-  zoomShow = true;
-} else {
-  zoomShow = false;
-}
+let zoomShow = true;
+// if (data.length > 7) {
+//   zoomShow = true;
+// } else {
+//   zoomShow = false;
+// }
 
 let option = {
   tooltip: {
@@ -98,6 +101,7 @@ let option = {
   yAxis: {
     type: "category",
     data: data,
+    // max:10,
     splitLine: {
       //分割线配置
       show: false,
@@ -127,6 +131,8 @@ let option = {
       type: "bar",
       data: [2, 4, 7, 23, 25, 250],
       barWidth: 15, //柱宽
+      barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/,
+      // barCategoryGap: "10" /*多个并排柱子设置柱子之间的间距*/,
       itemStyle: {
         // barBorderRadius: [0, 20, 20, 0],
         //       color: new this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [ // color在这里

src/view/yl.vue

@@ -114,9 +114,7 @@
     </div>
     <div class="displayFlex center_bg">
       <div class="flex1">
-        <div class="yd_title mechanism">
-          <!-- <span class="text">养老机构</span> -->
-        </div>
+        <div class="yd_title mechanism"></div>
         <div class="history">
           <div class="history1">
             <div>
@@ -166,9 +164,8 @@
             src="@/assets/YLimg/ylimg7.png"
             alt=""
           />
-          <!-- <ePie2 ></ePie2> -->
-          <ylXZZC></ylXZZC>
         </div>
+        <ylXZZC></ylXZZC>
       </div>
     </div>
   </div>