fix:修改页面路由 修改echats图 滑块样式

hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue

@@ -210,13 +210,45 @@
           },
         },
       ],
+      //滑块样式
       dataZoom: [
         {
-          height: 12,
+          type: 'inside',
           start: 0,
           end: 100,
-          handleSize: '300%', // 设置滑块的大小
-          bottom: 15,
+        },
+        {
+          type: 'slider',
+          // backgroundColor: 'yellow',
+          // fillerColor: 'yellow',
+          height: 12, // 设置slider的高度为15
+          start: 0,
+          end: 100,
+          right: 60,
+          left: 60,
+          bottom: 10,
+          handleIcon:
+            'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z', // 使用类似 axisPointer 的图标
+          handleSize: '140%', // 放大按钮
+          borderColor: 'none',
+          handleStyle: {
+            // color: 'red',
+            // shadowBlur: 6,
+            // shadowColor: 'yellow',
+            shadowOffsetX: 0, // 阴影偏移x轴多少
+            shadowOffsetY: 0, // 阴影偏移y轴多少
+          },
+          // 显示的label的格式化器
+          // 20050101 变为 2005\n0101
+          // labelFormatter: function (index, value) {
+          //   const year = value.slice(0, 4);
+          //   const date = value.slice(4);
+          //   return year + '\n' + date;
+          // },
+          // textStyle: {
+          //   fontStyle: 'italic', // 设置字体倾斜
+          // },
+          showDataShadow: false, // 隐藏数据阴影
         },
       ],
       series: [