diff --git a/src/view/echarts/ylXZZC.vue b/src/view/echarts/ylXZZC.vue
index 1da8c44..5240580 100644
--- a/src/view/echarts/ylXZZC.vue
+++ b/src/view/echarts/ylXZZC.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="chart"
-    style="width: 490px; height: calc(100% - 46px); min-height: 150px"
+    style="width: 100%; height: calc(100% - 46px); min-height: 150px"
   ></div>
 </template>
 
@@ -36,38 +36,38 @@ let option = {
     containLabel: true,
     color: "#ffffff",
   },
-  dataZoom: [
-    {
-      show: zoomShow,
-      type: "inside",
-      startValue: 0,
-      endValue: 2,
-      minValueSpan: 2,
-      maxValueSpan: 2,
-      yAxisIndex: [0],
-      zoomOnMouseWheel: false, // 关闭滚轮缩放
-      moveOnMouseWheel: true, // 开启滚轮平移
-      moveOnMouseMove: true, // 鼠标移动能触发数据窗口平移
-    },
-    {
-      show: zoomShow,
-      type: "slider",
-      realtime: true,
-      startValue: 0,
-      endValue: 2,
-      width: "3.5",
-      height: "80%",
-      yAxisIndex: [0], // 控制y轴滚动
-      fillerColor: "rgba(154, 181, 215, 1)", // 滚动条颜色
-      borderColor: "rgba(17, 100, 210, 0.12)",
-      backgroundColor: "#cfcfcf", //两边未选中的滑动条区域的颜色
-      handleSize: 0, // 两边手柄尺寸
-      showDataShadow: false, //是否显示数据阴影 默认auto
-      showDetail: false, // 拖拽时是否展示滚动条两侧的文字
-      top: "1%",
-      right: "5",
-    },
-  ],
+  // dataZoom: [
+  //   {
+  //     show: zoomShow,
+  //     type: "inside",
+  //     startValue: 0,
+  //     endValue: 2,
+  //     minValueSpan: 2,
+  //     maxValueSpan: 2,
+  //     yAxisIndex: [0],
+  //     zoomOnMouseWheel: false, // 关闭滚轮缩放
+  //     moveOnMouseWheel: true, // 开启滚轮平移
+  //     moveOnMouseMove: true, // 鼠标移动能触发数据窗口平移
+  //   },
+  //   {
+  //     show: zoomShow,
+  //     type: "slider",
+  //     realtime: true,
+  //     startValue: 0,
+  //     endValue: 2,
+  //     width: "3.5",
+  //     height: "80%",
+  //     yAxisIndex: [0], // 控制y轴滚动
+  //     fillerColor: "rgba(154, 181, 215, 1)", // 滚动条颜色
+  //     borderColor: "rgba(17, 100, 210, 0.12)",
+  //     backgroundColor: "#cfcfcf", //两边未选中的滑动条区域的颜色
+  //     handleSize: 0, // 两边手柄尺寸
+  //     showDataShadow: false, //是否显示数据阴影 默认auto
+  //     showDetail: false, // 拖拽时是否展示滚动条两侧的文字
+  //     top: "1%",
+  //     right: "5",
+  //   },
+  // ],
   calculable: true,
   color: "rgba(0, 252, 255, 1)",
   // label: {
diff --git a/src/view/yl.vue b/src/view/yl.vue
index b2266b9..50650a6 100644
--- a/src/view/yl.vue
+++ b/src/view/yl.vue
@@ -112,7 +112,7 @@
         <!-- </div> -->
       </div>
     </div>
-    <div class="displayFlex center_bg">
+    <div class="displayFlex right_bg">
       <div class="flex1">
         <div class="yd_title mechanism"></div>
         <div class="history">
@@ -370,6 +370,15 @@ const change = (name, index) => {
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
+.right_bg {
+  width: 642px;
+  box-sizing: border-box;
+  padding-left: 10px;
+  margin-right: 28px;
+  background-image: url(@/assets/images/right_bg.png);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
 .basicInformation {
   display: flex;
   flex-direction: row;