修改

src/xt_pages/qcd/components/LineChart.vue

         //   }
         // ],
         legend: this.chartOptions.legend,
-        series: this.chartOptions.series
+        series: this.chartOptions.series,
+        dataZoom: this.chartOptions.dataZoom,
       });
     },
     initChart() {

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressureDetails.vue

               }
             }
           }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       },
     };
               this.chart.series[0].data.push(resp.data.data[i].systolic_blood_pressure)
               this.chart.series[1].data.push(resp.data.data[i].diastolic_blood_pressure)
             }
+            this.getArrLength(this.chart.xAxis.data)
           } else {
           }
         })
     },
     clickQuality(index) {
       this.quality = index;
+    },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
     }
   },created() {
     var date = new Date()

src/xt_pages/qcd/indicatorControlAnalysis/components/personal.vue

                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         }
 
                 this.options2.xAxis.data.push(resp.data.data[i].date)
                 this.options2.series[0].data.push(resp.data.data[i].value)
               }
+              this.getArrLength(this.options2.xAxis.data)
 
             } else {
 
         // 把时间日期转成时间戳
         return new Date(time).getTime() / 1000;
       },
+      getArrLength(result){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.options2.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.options2.dataZoom[0].end = dataZoom_end
+        }
+      }
 
     }, created() {
       var date = new Date()

src/xt_pages/qcd/indicatorControlAnalysis/monitor.vue

                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         }
 
                   this.chart.xAxis.data.push(resp.data.data[i].date)
                   this.chart.series[0].data.push(resp.data.data[i].value)
                 }
+                this.getArrLength(this.chart.xAxis.data)
             } else {
             }
           })
             }
           }
         })
+      },
+      getArrLength(result){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
       }
     }, created() {
       var date = new Date()

src/xt_pages/qcd/indicatorControlAnalysis/process.vue

             <div class="tableTitle">统计表</div>
             <div>
               <el-table :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-                <el-table-column fixed label="透析日期" align="center">
+                <el-table-column fixed width="110" label="透析日期" align="center">
                   <template slot-scope="scope">
                     {{scope.row.schedule_date | parseTime('{y}-{m}-{d}') }}
                     <!--{{getTime(scope.row.schedule_date)}}-->
                 </el-table-column>
 
 
-                <el-table-column width="100" label="透析时长" align="center">
+                <el-table-column width="110" label="透析时长" align="center">
                   <template slot-scope="scope">
                     {{
                     scope.row.prescription.dialysis_duration_hour?scope.row.prescription.dialysis_duration_hour+'小时':''}}
                 </el-table-column>
 
 
-                <el-table-column width="100" label="抗凝剂" align="center">
+                <el-table-column width="110" label="抗凝剂" align="center">
                   <template slot-scope="scope">
                     {{GetAnticoagulantById( scope.row.prescription.anticoagulant)}}
                   </template>
                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         },
         bar: {
                   this.chart.xAxis.data.push(resp.data.data[i].date)
                   this.chart.series[0].data.push(resp.data.data[i].value)
                 }
+                this.getArrLength(this.chart.xAxis.data,1)
               } else {
 
                 for (let i = 0; i < resp.data.data.length; i++) {
                   this.percent.push(resp.data.data[i].ratio)
 
                 }
+                this.getArrLength(this.bar.xAxis.data,2)
               }
             } else {
             }
           }
         })
 
+      },
+      getArrLength(result,type){
+        if(type == 1){
+          if(result.length > 10){
+            var dataZoom_end = (10/result.length)*100;
+            this.chart.dataZoom[0].end = dataZoom_end
+          }else{
+            var dataZoom_end = 100;
+            this.chart.dataZoom[0].end = dataZoom_end
+          }
+        }else if(type == 2){
+          if(result.length > 10){
+            var dataZoom_end = (10/result.length)*100;
+            this.bar.dataZoom[0].end = dataZoom_end
+          }else{
+            var dataZoom_end = 100;
+            this.bar.dataZoom[0].end = dataZoom_end
+          }
+        }
+        
       }
     }, created() {
       var date = new Date()

src/xt_pages/qcd/indicatorControlAnalysis/weightDetails.vue

               }
             }
           },
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       },
     };
               this.chart.xAxis.data.push(resp.data.data[i].date)
               this.chart.series[0].data.push(parseFloat(resp.data.data[i].value).toFixed(1))
             }
+            this.getArrLength(this.chart.xAxis.data)
           } else {
           }
         })
         }
       })
     },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
+    }
   },created() {
     var date = new Date()
     var year = date.getFullYear() //获取完整的年份(4位)

src/xt_pages/qcd/officesControlAnalysis/time.vue

             }
           }
         ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
       }
     };
   },
         this.getlist()
       }
     },
-     getTimestamp(time) {
+    getTimestamp(time) {
       // 把时间日期转成时间戳
       return new Date(time).getTime() / 1000;
     },
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
-    
+            this.getArrLength(this.chart.xAxis.data)
 
           
          }
       })
     },
-   compare(property){
-        return function(a,b){
-            var value1 = a[property];
-            var value2 = b[property];
-            return value1 - value2;
-        }
+    compare(property){
+      return function(a,b){
+          var value1 = a[property];
+          var value2 = b[property];
+          return value1 - value2;
+      }
     },
     arrayDate(array1,array2){
         var array1 = array1;
         }
         return result;
     },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
+    }
   },
   created(){
      //获取指标正常范围值

src/xt_pages/qcd/treatmentControlAnalysis/components/CheckPersonal.vue

               }
             }
           }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       },
       pickerOptions: {
       } else {
       }
     },
-   getTimestamp(time) {
+    getTimestamp(time) {
       // 把时间日期转成时间戳
       return new Date(time).getTime() / 1000;
     },
       })
     },
     getInspectionTotalCount(){
-          this.modesData.series = []
-          this.modesData.xAxis = []
+      this.modesData.series = []
+      this.modesData.xAxis = []
       getInspectionTotalCount(this.listQuery.start_time,this.listQuery.end_time).then(response=>{
-          if(response.data.state === 1){
-            var Inspection = response.data.data.Inspection
-     
-            this.tableData = Inspection
-          
-            var counts = response.data.data.counts
-         
-            var arr = []
-            for(let i=0;i<Inspection.length;i++){
-               for(let j=0;j<counts.length;j++){
-                 if(Inspection[i].inspection_major == counts[j].ProjectId){
-                   arr.push(counts[j])
-                 }
-               }
+        if(response.data.state === 1){
+          var Inspection = response.data.data.Inspection
+    
+          this.tableData = Inspection
+        
+          var counts = response.data.data.counts
+        
+          var arr = []
+          for(let i=0;i<Inspection.length;i++){
+            for(let j=0;j<counts.length;j++){
+              if(Inspection[i].inspection_major == counts[j].ProjectId){
+                arr.push(counts[j])
+              }
             }
+          }
+        
+          var arrtwo =  this.arrayDate(counts,this.normData)
           
-           var arrtwo =  this.arrayDate(counts,this.normData)
-            
-            var hash = {};
-            var i = 0;
-            var res = [];
-            arr.forEach(function(item) {
-             var ProjectName = item.ProjectName;
-             hash[ProjectName] ? res[hash[ProjectName] - 1].Count.push(item.Count) : hash[ProjectName] = ++i && res.push({
-                 Count: [item.Count],
-                 ProjectName: ProjectName,
-                 ProjectId: item.ProjectId,
-                 Sort:item.Sort,
-             })
-            });
-            
-            res.map(item => {
-             item.Count = eval(item.Count.join('+'))
-            })
-           
-            let arr1 = []
-            this.tableData.map(it => {
-              arr1.push(it.project_name)
+          var hash = {};
+          var i = 0;
+          var res = [];
+          arr.forEach(function(item) {
+            var ProjectName = item.ProjectName;
+            hash[ProjectName] ? res[hash[ProjectName] - 1].Count.push(item.Count) : hash[ProjectName] = ++i && res.push({
+                Count: [item.Count],
+                ProjectName: ProjectName,
+                ProjectId: item.ProjectId,
+                Sort:item.Sort,
             })
+          });
+          
+          res.map(item => {
+            item.Count = eval(item.Count.join('+'))
+          })
+          
+          let arr1 = []
+          this.tableData.map(it => {
+            arr1.push(it.project_name)
+          })
 
-            arr1.forEach((item,index)=>{
-              if(!(res[index] && item ==res[index].ProjectName)){
-                res.splice(index,0,{Count:0, ProjectName: item, Sort: index+1})
-              }
-            })
-            res.map(item => {
-              this.modesData.series.push(parseInt(item.Count));
-            })
-             console.log("this=====",this.tableData)
-            for (const key in this.tableData) {
-              this.modesData.xAxis.push(this.tableData[key].project_name);
-               let time = new Date(this.listQuery.end_time) - new Date(this.listQuery.start_time)
-               let day = parseInt(time / (1000 * 60 * 60 * 24))
-              this.obj.push(Math.round(day / this.tableData[key].inspection_frequency))
+          arr1.forEach((item,index)=>{
+            if(!(res[index] && item ==res[index].ProjectName)){
+              res.splice(index,0,{Count:0, ProjectName: item, Sort: index+1})
             }
-            
-            this.chart.series[0].data = this.modesData.series
-            this.chart.xAxis.data = this.modesData.xAxis
+          })
+          res.map(item => {
+            this.modesData.series.push(parseInt(item.Count));
+          })
+          console.log("this=====",this.tableData)
+          for (const key in this.tableData) {
+            this.modesData.xAxis.push(this.tableData[key].project_name);
+            let time = new Date(this.listQuery.end_time) - new Date(this.listQuery.start_time)
+            let day = parseInt(time / (1000 * 60 * 60 * 24))
+            this.obj.push(Math.round(day / this.tableData[key].inspection_frequency))
           }
+          
+          this.chart.series[0].data = this.modesData.series
+          this.chart.xAxis.data = this.modesData.xAxis
+          this.getArrLength(this.chart.xAxis.data)
+        }
       })
     },
 
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
+            this.getArrLength(this.chart.xAxis.data)
           }
        })
     },
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
+            this.getArrLength(this.chart.xAxis.data)
          }
       })
     },
         }
         return result;
     },
-     querySearchAsync(keyword, cb) {
-        let key = ''
-        if (keyword != undefined) {
-          key = keyword
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+            searchArray = response.data.data.patient
+            console.log("searchArray",searchArray)
+          cb(searchArray)
+        } else {
+          cb([])
         }
-        let searchArray = []
-        PostSearch(key).then(response => {
-          if (response.data.state == 1) {
-             searchArray = response.data.data.patient
-             console.log("searchArray",searchArray)
-            cb(searchArray)
-          } else {
-            cb([])
-          }
-        })
-      },
-   handleSelect(val) {
-        console.log("val",val)
-        this.listQuery.search = val.name
-        this.patient_id = val.id
-        this.onSearch()
-      },
+      })
+    },
+    handleSelect(val) {
+      console.log("val",val)
+      this.listQuery.search = val.name
+      this.patient_id = val.id
+      this.onSearch()
+    },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
+    }
   },
   created(){
     var nowDate = new Date();
       "-" +
       (nowDay < 10 ? "0" + nowDay : nowDay);
 
-   //获取该机构下的所有患者
-     this.getCurrentOrgPatients()
-   //获取检验检查项目
+    //获取该机构下的所有患者
+    this.getCurrentOrgPatients()
+    //获取检验检查项目
     this.getInspectionTotalCount()
   }
 };

src/xt_pages/qcd/workAnalysis/doctor.vue

               }
             }
           }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       }
     };
 
               }
             }
+            this.getArrLength(this.bar.xAxis.data)
           } else {
           }
         })
       if (this.activeName == "second") {
         this.$router.push({ path: "/qcd/workAnalysis/nurse" });
       }
+    },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.bar.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.bar.dataZoom[0].end = dataZoom_end
+      }
     }
   },created(){
     var date = new Date()

src/xt_pages/qcd/workAnalysis/nurse.vue

                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         }
       };
 
                 }
               }
+              this.getArrLength(this.bar.xAxis.data)
 
             } else {
             }
         if (this.activeName == "first") {
           this.$router.push({ path: "/qcd/workAnalysis/doctor" });
         }
+      },
+      getArrLength(result){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
       }
     },created(){
       var date = new Date()