1

src/xt_pages/medicalScheduling/schedulingStatistics.vue

             </div>
             <div class="tableTitle">统计表</div>
             <el-table class='statisticsTable' :data="tableData" height="250" border style="width: 100">
-                <el-table-column align="center" prop="date" label="医护姓名" width="100">
+                <el-table-column fixed align="center" prop="date" label="医护姓名" width="100">
                     <template slot-scope="scope">
                         <span>{{scope.row.user_name}}</span>
                     </template>
                         data: [],
                         barWidth: 30,
                         label: {
-                        normal: {
-                            show: true,
-                            position: "top",
-                            formatter: (params) => {
-                            if(this.percent.length > 0){
-                                let str = ''
-                                str = params.data + '('+ this.percent[params.dataIndex] +'%)'
-                                return str
-                            }else{
-                                let str = ''
-                                str = params.data
-                                return str
-                            }
+                            normal: {
+                                show: true,
+                                position: "top",
                             }
-                        }
                         },
                         //配置样式
                         itemStyle: {
         // 获取统计表的数据
         this.getlist()
         
-        //获取统计图数据
-        this.getchartlist()
+        
       
     },
     methods:{
                 this.doctorlist.push(...doctorlist)
                 
                 console.log("医护列表",this.doctorlist)
+                //获取统计图数据
+                this.getchartlist()
              }
                
            })
         //获取统计图数据
         getchartlist(){
            getchartlist().then(response=>{
-               if(response.data.state == 1){
-                 var workdaylist =  response.data.data.workDaylist
-                 console.log("早年公共",workdaylist)
-               }
+                if(response.data.state == 1){
+                    var workdaylist =  response.data.data.workDaylist
+                    console.log("早年公共",workdaylist)
+
+
+                    let arr = [...workdaylist]
+
+                    arr.sort(this.compare('doctor_id'))
+                    this.doctorlist.sort(this.compare('admin_user_id'))
+                    this.doctorlist.forEach((item, index) => {
+                        if (arr[index] && item.admin_user_id == arr[index].doctor_id) {
+                        
+                        }else{
+                          arr.splice(index, 0, {user_name: item.user_name, doctor_id: item.admin_user_id,workminute: 0})
+                        }
+                    })
+                    console.log('arrrrrrrrrrrrrrr',arr)
+
+                    let chartX = []
+                    let chartY = []
+                    arr.map(item => {
+                        chartX.push(item.user_name)
+                        chartY.push(item.workminute / 60)
+                    })
+                    this.chart.xAxis.data = chartX
+                    this.chart.series[0].data = chartY
+
+                    this.getArrLength(this.chart.xAxis.data)
+                }
            })
+        },
+        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
+            }
         }
     }
 }