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

src/views/components/marketTemperature.vue

@@ -239,17 +239,17 @@ 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,
       axisLine: { lineStyle: { color: '#00BFFF' } },
-      axisLabel: { 
+      axisLabel: {
         color: '#FFFFFF',
         fontSize: 12,
         fontWeight: 'bold'
       },
-      
+
       axisTick: { lineStyle: { color: '#00BFFF' } },
       axisPointer: {
         show: true,
@@ -260,16 +260,16 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
           type: 'dashed'
         },
         label: {
-            show: true,
-            color: 'black'
-          },
+          show: true,
+          color: 'black'
+        },
       }
     },
     yAxis: [{
       min: yAxisMin,
       max: yAxisMax,
       axisLine: { lineStyle: { color: '#00FF7F' } },
-      axisLabel: { 
+      axisLabel: {
         color: '#FFFFFF',
         fontSize: 12,
         fontWeight: 'bold'
@@ -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,
@@ -300,7 +300,7 @@ function initChart(raw, klineDataRawValue, WDRLValue) {
       min: 0,
       max: 100,
       position: 'right',
-      axisLabel: { 
+      axisLabel: {
         color: '#FFFF00',
         fontSize: 12,
         fontWeight: 'bold'
@@ -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 = () => {