feat : 新增echarts(折线图)下方滚动条型缩放组件

2024-02-27 16:59:15 +08:00
parent bc3e7ddaea
commit 2a8cb0d389
5 changed files with 78 additions and 47 deletions
--- a/src/components/content/airInfo/AirInfo.vue
+++ b/src/components/content/airInfo/AirInfo.vue
@@ -200,7 +200,7 @@ const initChart = (type, values) => {
      left: 0, // 左边距
      right: 20, // 右边距
      top: 80, // 顶边距
-      bottom: 0, // 底边距
+      bottom: 170, // 底边距
      containLabel: true,
    },
    //提示框组件
@@ -233,7 +233,17 @@ const initChart = (type, values) => {
    },
    dataZoom: [{
      type: 'inside'
-    }],
+    },
+      {
+        type: 'slider',
+        top: 1050,
+        height: 100,
+        textStyle: {
+          fontSize: 45,
+          color: '#fffff'
+        }
+      }
+    ],
    //X轴
    xAxis: {
      type: 'category',