Procházet zdrojové kódy

统计图增加滚动条

wang_xy před 2 roky
rodič
revize
370955ff13
1 změnil soubory, kde provedl 13 přidání a 3 odebrání
  1. 13 3
      src/views/monitor.vue

+ 13 - 3
src/views/monitor.vue

@@ -328,15 +328,25 @@ export default {
         },
         grid: {
           top: '5%',
-          left: '2%',
+          left: '5%',
           // right: "4%",
-          bottom: '-15%',
+          bottom: '0%',
           width: '75%',
           containLabel: true
         },
+        dataZoom: [{
+          show:true,
+          type: 'slider',
+          yAxisIndex:0,
+          left:10,
+          start: 0,
+          end: this.sourceData.length > 10 ? 40 : 100,
+          width:15
+        }],
         xAxis: {
           show: false,
-          type: 'value'
+          type: 'value',
+          left:10
         },
         yAxis: {
           type: 'category', // 不设置类目轴,抽离的dataset数据展示不出来