情绪大模型股市温度计图表的dataZoom下调5%

src/views/components/marketTemperature.vue

@@ -239,7 +239,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
         return ''
       }
     },
-    legend: { data: ['K线', '市场温度', '股票温度'], textStyle: { color: 'white',fontSize: 18 }},
+    legend: { data: ['K线', '市场温度', '股票温度'], textStyle: { color: 'white', fontSize: 18 } },
     xAxis: {
       type: 'category',
       data: dateLabels,
@@ -260,9 +260,9 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
           type: 'dashed'
         },
         label: {
-            show: true,
-            color: 'black'
-          },
+          show: true,
+          color: 'black'
+        },
       }
     },
     yAxis: [{
@@ -287,9 +287,9 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
         show: true,
         type: 'line',
         label: {
-            show: true,
-            color: 'black'
-          },
+          show: true,
+          color: 'black'
+        },
         lineStyle: {
           color: '#999',
           width: 1,
@@ -324,9 +324,9 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
           type: 'dashed'
         },
         label: {
-            show: true,
-            color: 'black'
-          },
+          show: true,
+          color: 'black'
+        },
       }
     }],
     color: ['#f00', 'white'],
@@ -366,14 +366,14 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
         filterMode: 'filter',
         textStyle: {
           color: 'white'
-        }
+        },
+        bottom: "5%", // 下移数据缩放滑块
       },
       {
         type: 'inside',
         xAxisIndex: 0,
         filterMode: 'filter'
-      }
-    ]
+      }]
   })
   // 监听窗口大小变化
   const resizeHandler = () => {