情绪解码器的图表样式调整。

src/views/components/emotionDecod.vue

@@ -91,15 +91,21 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
     grid: [
       {
         top: "5%",
-        height: window.innerWidth <= 768 ? "30%" : "40%"
+        height: window.innerWidth <= 768 ? "35%" : "40%",
+        width: window.innerWidth <= 768 ? "70%" : "80%",
+        left: window.outerWidth <= 768 ? "20%" : "10%",
       },
       { 
-        top:  window.innerWidth <= 768 ? "35%" :"45%", 
-        height: "35%"
+        top:  window.innerWidth <= 768 ? "40%" :"45%", 
+        height: "35%",
+        width: window.innerWidth <= 768 ? "70%" : "80%",
+        left: window.outerWidth <= 768 ? "20%" : "10%",
       },
       { 
-        top:  window.innerWidth <= 768 ? "70%" : "80%", 
+        top:  window.innerWidth <= 768 ? "75%" : "80%", 
         height: "2%",
+        width: window.innerWidth <= 768 ? "70%" : "80%",
+        left: window.outerWidth <= 768 ? "20%" : "10%",
       },
     ],
 
@@ -286,7 +292,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
         },
         start: 50, // 默认展示后半部分数据
         end: 100,
-        bottom: "8%", // 下移数据缩放滑块
+        bottom: window.innerWidth <= 768 ? "5%" : "7%", // 下移数据缩放滑块
       },
       // {
       //   show: true,
@@ -512,7 +518,7 @@ onBeforeUnmount(() => {
 @media only screen and (max-width: 768px) {
   .qxjmqEcharts {
     width: 100%;
-    height: 400px;
+    height: 270px;
     margin: 0;
     /* top: 5rem; */
   }