pref:优化柱状图横坐标展示形式,修改短视频上传大小限制

enterprise-manager-ui/admin/src/components/FileUpload.vue

@@ -68,7 +68,7 @@ export default {
     // 大小限制(MB)
     fileSize: {
       type: Number,
-      default: 50,
+      default: 10,
     },
     // 数量限制
     limit: {

enterprise-manager-ui/admin/src/views/home/bar.vue

@@ -63,8 +63,8 @@ export default {
         grid: {
           left: "2%",
           right: "2%",
-          top: "10%",
-          bottom: "0%",
+          top: "5%",
+          bottom: "8%",
           containLabel: true,
         },
         xAxis: {
@@ -133,6 +133,22 @@ export default {
             type: "shadow",
           },
         },
+        dataZoom: [
+          {
+            type: "slider", // 设置为滑动条型式
+            show: true, // 显示dataZoom组件
+            start: 0, // 默认显示的起始位置为0
+            end: 80, // 默认显示的结束位置为100
+            handleSize: 0.1, // 滑动条的手柄大小
+            handleStyle: {
+              color: "#DCE2E8", // 滑动条的手柄颜色
+            },
+            xAxisIndex: [0], // 表示控制第一个x轴
+            filterMode: "filter", // 设置为filter模式，即数据超过范围时会被过滤掉
+            bottom: -10,
+          },
+        ],
+
         series: [
           {
             data: value,