Explorar el Código

fix(图表组件): 禁用日期选择器清除功能并添加数据缩放控件

liujt hace 6 meses
padre
commit
dc38a00783

+ 13 - 1
src/views/ledgerAssets/components/details/components/LineChart.vue

@@ -215,10 +215,22 @@ export default {
           }
         },
         legend,
+        dataZoom: [
+          {
+            type: 'slider',
+            filterMode: 'none',
+            bottom: '0',
+            height: 20
+          },
+          {
+            type: 'inside',
+            filterMode: 'none'
+          },
+        ],
         grid: {
           left: '3%',
           right: '4%',
-          bottom: '3%',
+          bottom: '7%',
           top: this.title ? '20%' : '15%',
           containLabel: true
         },

+ 1 - 0
src/views/ledgerAssets/components/details/components/internetDetail.vue

@@ -63,6 +63,7 @@
                 <div class="tools">
                     <div class="">
                     <el-date-picker
+                        :clearable="false"
                         v-model="item.chartTime"
                         :type="item.timeType"
                         placeholder="选择日期"