diff --git a/src/views/xm/rpt/branch/branchWorkItemDayList copy.vue b/src/views/xm/rpt/branch/branchWorkItemDayList copy.vue
index b5945c00..bf14cc49 100644
--- a/src/views/xm/rpt/branch/branchWorkItemDayList copy.vue	
+++ b/src/views/xm/rpt/branch/branchWorkItemDayList copy.vue	
@@ -21,7 +21,7 @@
 							</el-row>
 						</el-row>
 						<el-row> 
-							<div class="echart-box" id="iterationWorkItemDayList"></div> 
+							<div class="echart-box" :id="this.id"></div> 
 						</el-row>
 					</div>
 				</el-col>
@@ -180,7 +180,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationWorkItemDayList")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				var that=this;
 				this.myChart.on('updateAxisPointer', function (event) {
 					const xAxisInfo = event.axesInfo[0];
diff --git a/src/views/xm/rpt/branch/branchWorkItemDayList.vue b/src/views/xm/rpt/branch/branchWorkItemDayList.vue
index 39066b0a..b83ea9c9 100644
--- a/src/views/xm/rpt/branch/branchWorkItemDayList.vue
+++ b/src/views/xm/rpt/branch/branchWorkItemDayList.vue
@@ -20,7 +20,7 @@
 							</el-row>
 						</el-row>
 						<el-row> 
-							<div class="echart-box" id="branchWorkItemDayList"></div> 
+							<div class="echart-box" :id="this.id"></div> 
 						</el-row>
 					</div>
 				</el-col>
@@ -179,7 +179,7 @@
 				
 			}, 
 			drawCharts() { 
-				this.myChart = this.$echarts.init(document.getElementById("branchWorkItemDayList")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				var that=this;
 				this.myChart.on('updateAxisPointer', function (event) {
 					const xAxisInfo = event.axesInfo[0];
diff --git a/src/views/xm/rpt/branch/menuDayAccumulate.vue b/src/views/xm/rpt/branch/menuDayAccumulate.vue
index 20dd6ca4..d0259322 100644
--- a/src/views/xm/rpt/branch/menuDayAccumulate.vue
+++ b/src/views/xm/rpt/branch/menuDayAccumulate.vue
@@ -158,7 +158,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationMenuDayAccumulate")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{
 						title: {
diff --git a/src/views/xm/rpt/branch/menuDayTrend.vue b/src/views/xm/rpt/branch/menuDayTrend.vue
index 88446dd4..f0e0d1da 100644
--- a/src/views/xm/rpt/branch/menuDayTrend.vue
+++ b/src/views/xm/rpt/branch/menuDayTrend.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="iterationMenuDayTrend"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -146,7 +146,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationMenuDayTrend")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{		
 						title: {
diff --git a/src/views/xm/rpt/branch/questionDayAccumulate.vue b/src/views/xm/rpt/branch/questionDayAccumulate.vue
index a250658f..673555b7 100644
--- a/src/views/xm/rpt/branch/questionDayAccumulate.vue
+++ b/src/views/xm/rpt/branch/questionDayAccumulate.vue
@@ -3,7 +3,7 @@
  			
 			<el-row :gutter="5" >
 				<el-col :span="18"> <div>
-					<div class="echart-box" id="iterationQuestionDayAccumulate"></div> 
+					<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -146,7 +146,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationQuestionDayAccumulate")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{
 						title: {
diff --git a/src/views/xm/rpt/branch/questionDayTrend.vue b/src/views/xm/rpt/branch/questionDayTrend.vue
index 95662021..ccbcb2f2 100644
--- a/src/views/xm/rpt/branch/questionDayTrend.vue
+++ b/src/views/xm/rpt/branch/questionDayTrend.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="iterationQuestionDayTrend"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -147,7 +147,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationQuestionDayTrend")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{		
 						title: {
diff --git a/src/views/xm/rpt/iteration/IterationWorkItemDayList.vue b/src/views/xm/rpt/iteration/IterationWorkItemDayList.vue
index 10426ed8..50df81cd 100644
--- a/src/views/xm/rpt/iteration/IterationWorkItemDayList.vue
+++ b/src/views/xm/rpt/iteration/IterationWorkItemDayList.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div> 
-						<div class="echart-box" id="iterationWorkItemDayList" :style="{width:'100%',height:(maxTableHeight>600?600:maxTableHeight)+'px',overflow: 'hidden'}"></div> 
+						<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -164,7 +164,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationWorkItemDayList")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				var that=this;
 				this.myChart.on('updateAxisPointer', function (event) {
 					const xAxisInfo = event.axesInfo[0];
diff --git a/src/views/xm/rpt/iteration/burnout.vue b/src/views/xm/rpt/iteration/burnout.vue
index 7f113cd3..681c1d57 100644
--- a/src/views/xm/rpt/iteration/burnout.vue
+++ b/src/views/xm/rpt/iteration/burnout.vue
@@ -5,7 +5,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="burnout"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -202,7 +202,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("burnout")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption({
 					title: {
 						text: this.titleCpd,
diff --git a/src/views/xm/rpt/iteration/menuDayAccumulate.vue b/src/views/xm/rpt/iteration/menuDayAccumulate.vue
index 9a109343..ab92870f 100644
--- a/src/views/xm/rpt/iteration/menuDayAccumulate.vue
+++ b/src/views/xm/rpt/iteration/menuDayAccumulate.vue
@@ -3,7 +3,7 @@
 			
 			<el-row :gutter="5" >
 				<el-col :span="18"> <div>
-					<div class="echart-box" id="iterationMenuDayAccumulate"></div> 
+					<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -189,7 +189,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationMenuDayAccumulate")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{
 						title: {
diff --git a/src/views/xm/rpt/iteration/menuDayTrend.vue b/src/views/xm/rpt/iteration/menuDayTrend.vue
index 761cf1e8..b59b4768 100644
--- a/src/views/xm/rpt/iteration/menuDayTrend.vue
+++ b/src/views/xm/rpt/iteration/menuDayTrend.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="iterationMenuDayTrend"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -190,7 +190,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationMenuDayTrend")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{		
 						title: {
diff --git a/src/views/xm/rpt/iteration/questionDayAccumulate.vue b/src/views/xm/rpt/iteration/questionDayAccumulate.vue
index bd03d38b..a0d49e42 100644
--- a/src/views/xm/rpt/iteration/questionDayAccumulate.vue
+++ b/src/views/xm/rpt/iteration/questionDayAccumulate.vue
@@ -3,7 +3,7 @@
 			
 			<el-row :gutter="5" >
 				<el-col :span="18"> <div>
-					<div class="echart-box" id="iterationQuestionDayAccumulate"></div> 
+					<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -187,7 +187,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationQuestionDayAccumulate")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{
 						title: {
diff --git a/src/views/xm/rpt/iteration/questionDayTrend.vue b/src/views/xm/rpt/iteration/questionDayTrend.vue
index 14765e1a..ee8551ec 100644
--- a/src/views/xm/rpt/iteration/questionDayTrend.vue
+++ b/src/views/xm/rpt/iteration/questionDayTrend.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="iterationQuestionDayTrend"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -189,7 +189,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("iterationQuestionDayTrend")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{		
 						title: {
diff --git a/src/views/xm/rpt/product/menuAgeDist.vue b/src/views/xm/rpt/product/menuAgeDist.vue
index feb3a6af..925e3160 100644
--- a/src/views/xm/rpt/product/menuAgeDist.vue
+++ b/src/views/xm/rpt/product/menuAgeDist.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmMenuAgeDist"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -177,7 +177,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmMenuAgeDist")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(   
 					{
 						title: {
diff --git a/src/views/xm/rpt/product/menuAttDist.vue b/src/views/xm/rpt/product/menuAttDist.vue
index 95da3ca1..5ddebdae 100644
--- a/src/views/xm/rpt/product/menuAttDist.vue
+++ b/src/views/xm/rpt/product/menuAttDist.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmMenuAttDist"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -234,7 +234,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmMenuAttDist")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(   
 					{
 						title: {
diff --git a/src/views/xm/rpt/product/menuDayAccumulate.vue b/src/views/xm/rpt/product/menuDayAccumulate.vue
index 06909d67..1caaa82d 100644
--- a/src/views/xm/rpt/product/menuDayAccumulate.vue
+++ b/src/views/xm/rpt/product/menuDayAccumulate.vue
@@ -3,7 +3,7 @@
 			
 			<el-row :gutter="5" >
 				<el-col :span="18"> <div>
-					<div class="echart-box" :id="id"></div> 
+					<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
diff --git a/src/views/xm/rpt/product/menuSort.vue b/src/views/xm/rpt/product/menuSort.vue
index 2cd6557b..69c9e811 100644
--- a/src/views/xm/rpt/product/menuSort.vue
+++ b/src/views/xm/rpt/product/menuSort.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" :id="id"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
diff --git a/src/views/xm/rpt/product/productWorkItemDayList.vue b/src/views/xm/rpt/product/productWorkItemDayList.vue
index 3a59934d..15f4f6b6 100644
--- a/src/views/xm/rpt/product/productWorkItemDayList.vue
+++ b/src/views/xm/rpt/product/productWorkItemDayList.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div> 
-						<div class="echart-box" id="productWorkItemDayList" :style="{width:'100%',height:(maxTableHeight>600?600:maxTableHeight)+'px',overflow: 'hidden'}"></div> 
+						<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -148,7 +148,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("productWorkItemDayList")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				var that=this;
 				this.myChart.on('updateAxisPointer', function (event) {
 					const xAxisInfo = event.axesInfo[0];
diff --git a/src/views/xm/rpt/product/questionAgeDist.vue b/src/views/xm/rpt/product/questionAgeDist.vue
index fab4734b..98b2ea8d 100644
--- a/src/views/xm/rpt/product/questionAgeDist.vue
+++ b/src/views/xm/rpt/product/questionAgeDist.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmQuestionAgeDist"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -206,7 +206,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmQuestionAgeDist")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(   
 					{
 						title: {
diff --git a/src/views/xm/rpt/product/questionAskUserSort.vue b/src/views/xm/rpt/product/questionAskUserSort.vue
deleted file mode 100644
index 1a75e17e..00000000
--- a/src/views/xm/rpt/product/questionAskUserSort.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-sort :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg"  :rpt-config-visible="rptConfigVisible" :group-by="'ask_userid'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionSort from './questionSort'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionSort}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionAttDist.vue b/src/views/xm/rpt/product/questionAttDist.vue
index 84f12ed5..d13b35fe 100644
--- a/src/views/xm/rpt/product/questionAttDist.vue
+++ b/src/views/xm/rpt/product/questionAttDist.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmQuestionAttDist"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -213,8 +213,7 @@
 			}
 	    },
 		data() {
-			return {
-				id:Math.floor(Math.random() * 10000000),
+			return { 
                 filters:{
                     product:null, 
                     project:null,
@@ -277,7 +276,7 @@
 				this.searchXmQuestionAttDist()
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmQuestionAttDist")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(   
 					{
 						
diff --git a/src/views/xm/rpt/product/questionBugReasonDist.vue b/src/views/xm/rpt/product/questionBugReasonDist.vue
deleted file mode 100644
index b5d29c43..00000000
--- a/src/views/xm/rpt/product/questionBugReasonDist.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_reason'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionAttDist from './questionAttDist'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionAttDist}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionBugSeverityDist.vue b/src/views/xm/rpt/product/questionBugSeverityDist.vue
deleted file mode 100644
index 8ac314e9..00000000
--- a/src/views/xm/rpt/product/questionBugSeverityDist.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_severity'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionAttDist from './questionAttDist'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionAttDist}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionBugStatusDist.vue b/src/views/xm/rpt/product/questionBugStatusDist.vue
deleted file mode 100644
index 21f53d02..00000000
--- a/src/views/xm/rpt/product/questionBugStatusDist.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_status'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionAttDist from './questionAttDist'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionAttDist}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionBugTypeDist.vue b/src/views/xm/rpt/product/questionBugTypeDist.vue
deleted file mode 100644
index 4943ddec..00000000
--- a/src/views/xm/rpt/product/questionBugTypeDist.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_type'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionAttDist from './questionAttDist'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionAttDist}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionDayAccumulate.vue b/src/views/xm/rpt/product/questionDayAccumulate.vue
index dba85ba6..6bd6925c 100644
--- a/src/views/xm/rpt/product/questionDayAccumulate.vue
+++ b/src/views/xm/rpt/product/questionDayAccumulate.vue
@@ -3,7 +3,7 @@
 			
 			<el-row :gutter="5" >
 				<el-col :span="18"> <div>
-					<div class="echart-box" id="questionDayAccumulate"></div> 
+					<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -172,7 +172,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("questionDayAccumulate")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{
 						title: {
diff --git a/src/views/xm/rpt/product/questionDayTrend.vue b/src/views/xm/rpt/product/questionDayTrend.vue
index 7e268f52..79025925 100644
--- a/src/views/xm/rpt/product/questionDayTrend.vue
+++ b/src/views/xm/rpt/product/questionDayTrend.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="questionDayTrend"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -172,7 +172,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("questionDayTrend")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{		
 						title: {
diff --git a/src/views/xm/rpt/product/questionFuncSort.vue b/src/views/xm/rpt/product/questionFuncSort.vue
deleted file mode 100644
index 05fd67ac..00000000
--- a/src/views/xm/rpt/product/questionFuncSort.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-sort :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'func_id'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionSort from './questionSort'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionSort}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionHandlerUserSort.vue b/src/views/xm/rpt/product/questionHandlerUserSort.vue
deleted file mode 100644
index 870e2dda..00000000
--- a/src/views/xm/rpt/product/questionHandlerUserSort.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-sort :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg"  :rpt-config-visible="rptConfigVisible" :group-by="'handler_userid'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionSort from './questionSort'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionSort}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionPriorityDist.vue b/src/views/xm/rpt/product/questionPriorityDist.vue
deleted file mode 100644
index 4943ddec..00000000
--- a/src/views/xm/rpt/product/questionPriorityDist.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_type'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionAttDist from './questionAttDist'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionAttDist}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionRepRateDist.vue b/src/views/xm/rpt/product/questionRepRateDist.vue
deleted file mode 100644
index 9d04d16b..00000000
--- a/src/views/xm/rpt/product/questionRepRateDist.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'rep_rate'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionAttDist from './questionAttDist'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionAttDist}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionRetestDist.vue b/src/views/xm/rpt/product/questionRetestDist.vue
index a58394cd..68df8950 100644
--- a/src/views/xm/rpt/product/questionRetestDist.vue
+++ b/src/views/xm/rpt/product/questionRetestDist.vue
@@ -3,7 +3,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmQuestionRetestDist"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -241,7 +241,7 @@
 				this.searchXmQuestionRetestDist()
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmQuestionRetestDist")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id)); 
 				this.myChart.setOption(   
 					{
 						title: {
diff --git a/src/views/xm/rpt/product/questionSolutionDist.vue b/src/views/xm/rpt/product/questionSolutionDist.vue
deleted file mode 100644
index 4ae469d7..00000000
--- a/src/views/xm/rpt/product/questionSolutionDist.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template> 
-<section> 
-  <el-row>
-     <question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'solution'"  @delete="$emit('delete',$event)"/>  
-  </el-row>
-</section>     
-</template>
-
-<script> 
-  
-import questionAttDist from './questionAttDist'
-import { mapGetters } from 'vuex'
-import dayjs from 'dayjs'
-
-export default {
-  props:['id','xmTestPlan','compCfg'],
-  components: {questionAttDist}, 
-  computed: {
-    ...mapGetters([
-      'userInfo'
-    ]), 
-  },
-
-  watch: {
-  },
-
-  data() {
-    return { 
-      rptConfigVisible:false,
-    }
-  },
-
-  methods: {  
-
-    sizeAutoChange(){
-				this.refs[this.compCfg.id].sizeAutoChange()
-			}
-  },
-
-
-  mounted() {
-    
-  }
-}
-</script>
-
-<style lang="scss" scoped> 
-</style>
diff --git a/src/views/xm/rpt/product/questionSort.vue b/src/views/xm/rpt/product/questionSort.vue
index 0a98ed38..3bde877e 100644
--- a/src/views/xm/rpt/product/questionSort.vue
+++ b/src/views/xm/rpt/product/questionSort.vue
@@ -3,7 +3,7 @@
  			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmQuestionSort"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -225,7 +225,7 @@
 				this.searchXmQuestionSort()
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmQuestionSort")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id)); 
 				this.myChart.setOption(   
 					{	
 						title: {
diff --git a/src/views/xm/rpt/project/projectWorkItemDayList.vue b/src/views/xm/rpt/project/projectWorkItemDayList.vue
index f468b561..c702ab6f 100644
--- a/src/views/xm/rpt/project/projectWorkItemDayList.vue
+++ b/src/views/xm/rpt/project/projectWorkItemDayList.vue
@@ -5,7 +5,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div> 
-						<div class="echart-box" id="projectWorkItemDayList" :style="{width:'100%',height:(maxTableHeight>600?600:maxTableHeight)+'px',overflow: 'hidden'}"></div> 
+						<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -143,7 +143,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("projectWorkItemDayList")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				var that=this;
 				this.myChart.on('updateAxisPointer', function (event) {
 					const xAxisInfo = event.axesInfo[0];
diff --git a/src/views/xm/rpt/project/projectWorkloadSetDayList.vue b/src/views/xm/rpt/project/projectWorkloadSetDayList.vue
index d8de7fc3..405cd84f 100644
--- a/src/views/xm/rpt/project/projectWorkloadSetDayList.vue
+++ b/src/views/xm/rpt/project/projectWorkloadSetDayList.vue
@@ -5,7 +5,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div> 
-						<div class="main" :id="id" :style="{width:'100%',height:(maxTableHeight>600?600:maxTableHeight)+'px',overflow: 'hidden'}"></div> 
+						<div class="main" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
diff --git a/src/views/xm/rpt/project/projectWorkloadSetMonthList.vue b/src/views/xm/rpt/project/projectWorkloadSetMonthList.vue
index a5b08abb..d7d7d8f7 100644
--- a/src/views/xm/rpt/project/projectWorkloadSetMonthList.vue
+++ b/src/views/xm/rpt/project/projectWorkloadSetMonthList.vue
@@ -5,7 +5,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div> 
-						<div class="echart-box" id="projectWorkloadSetMonthList" :style="{width:'100%',height:(maxTableHeight>600?600:maxTableHeight)+'px',overflow: 'hidden'}"></div> 
+						<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -163,7 +163,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("projectWorkloadSetMonthList")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				var that=this;
 				this.myChart.on('updateAxisPointer', function (event) {
 					const xAxisInfo = event.axesInfo[0];
diff --git a/src/views/xm/rpt/project/taskAgeDist.vue b/src/views/xm/rpt/project/taskAgeDist.vue
index 79640a0e..5bd52934 100644
--- a/src/views/xm/rpt/project/taskAgeDist.vue
+++ b/src/views/xm/rpt/project/taskAgeDist.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmTaskAgeDist"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -151,7 +151,7 @@
 				this.searchXmTaskAgeDist();
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmTaskAgeDist")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(   
 					{
 						title: {
diff --git a/src/views/xm/rpt/project/taskAttDist.vue b/src/views/xm/rpt/project/taskAttDist.vue
index 887b80bf..a698d320 100644
--- a/src/views/xm/rpt/project/taskAttDist.vue
+++ b/src/views/xm/rpt/project/taskAttDist.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmTaskAttDist"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -211,7 +211,7 @@
 				this.searchXmTaskAttDist()
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmTaskAttDist")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(   
 					{
 						title: {
diff --git a/src/views/xm/rpt/project/taskDayAccumulate.vue b/src/views/xm/rpt/project/taskDayAccumulate.vue
index 4052b01a..8280b966 100644
--- a/src/views/xm/rpt/project/taskDayAccumulate.vue
+++ b/src/views/xm/rpt/project/taskDayAccumulate.vue
@@ -4,7 +4,7 @@
 			
 			<el-row :gutter="5" >
 				<el-col :span="18"> <div>
-					<div class="echart-box" id="taskDayAccumulate"></div> 
+					<div class="echart-box" :id="this.id"></div> 
 					</div>
 				</el-col>
 				<el-col :span="6" class="border">
@@ -176,7 +176,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("taskDayAccumulate")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{
 						title: {
diff --git a/src/views/xm/rpt/project/taskDayTrend.vue b/src/views/xm/rpt/project/taskDayTrend.vue
index d3e168c6..f68f9d17 100644
--- a/src/views/xm/rpt/project/taskDayTrend.vue
+++ b/src/views/xm/rpt/project/taskDayTrend.vue
@@ -5,7 +5,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="taskDayTrend"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -169,7 +169,7 @@
 				
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("taskDayTrend")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(  
 					{		
 						title: {
diff --git a/src/views/xm/rpt/project/taskSort.vue b/src/views/xm/rpt/project/taskSort.vue
index f65a9d94..383274a6 100644
--- a/src/views/xm/rpt/project/taskSort.vue
+++ b/src/views/xm/rpt/project/taskSort.vue
@@ -4,7 +4,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" id="xmTaskSort"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
@@ -161,7 +161,7 @@
 				this.searchXmTaskSort()
 			},
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("xmTaskSort")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(      
 					{	
 						title: {
diff --git a/src/views/xm/rpt/testCase/testCaseSort.vue b/src/views/xm/rpt/testCase/testCaseSort.vue
index 4ce1833e..8e6173ec 100644
--- a/src/views/xm/rpt/testCase/testCaseSort.vue
+++ b/src/views/xm/rpt/testCase/testCaseSort.vue
@@ -5,7 +5,7 @@
 			<el-row :gutter="5" >
 				<el-col :span="18"> 
 					<div>
-						<div class="echart-box" :id="id"></div>
+						<div class="echart-box" :id="this.id"></div>
 						<div class="progress"></div>
 					</div>
 				</el-col>
diff --git a/src/views/xm/rpt/testPlan/testCaseToPlanCalc.vue b/src/views/xm/rpt/testPlan/testCaseToPlanCalc.vue
index ff1080c1..cfe59e86 100644
--- a/src/views/xm/rpt/testPlan/testCaseToPlanCalc.vue
+++ b/src/views/xm/rpt/testPlan/testCaseToPlanCalc.vue
@@ -184,7 +184,7 @@
 				return val;
 			}, 
 			drawCharts() {
-				this.myChart = this.$echarts.init(document.getElementById("this.id")); 
+				this.myChart = this.$echarts.init(document.getElementById(this.id));
 				this.myChart.setOption(   
 					{
 						title: {