优化

src/views/xm/core/xmTestPlan/rpt/biz/questionAgeDist.vue

@@ -147,10 +147,22 @@
 						title: {
 							text: this.title, 
 							left: 'center'
-						},
+						}, 
 						tooltip: {
-							trigger: 'item'
+							trigger: 'item',
+							
 						},
+						
+						toolbox: {
+							show: true,
+							right:"20px",
+							feature: {
+								dataView: { show: true, readOnly: false },  
+								saveAsImage: { show: true }, 
+							}
+						}, 
+						calculable: true,
+						
 						legend: { 
 							top:'5%',
 							left: 'center',
@@ -170,8 +182,8 @@
 							},
 
 							label: {
-								show: true,
-								position: 'center'
+								show: true, 
+								
 							},
 							}
 						]

src/views/xm/core/xmTestPlan/rpt/biz/questionAttDist.vue

@@ -219,10 +219,22 @@
 						title: {
 							text: this.title, 
 							left: 'center'
-						},
+						}, 
 						tooltip: {
-							trigger: 'item'
+							trigger: 'item',
+							
 						},
+						
+						toolbox: {
+							show: true,
+							right:"20px",
+							feature: {
+								dataView: { show: true, readOnly: false },  
+								saveAsImage: { show: true }, 
+							}
+						}, 
+						calculable: true,
+						
 						legend: { 
 							top:'5%',
 							left: 'center',
@@ -242,8 +254,8 @@
 							},
 
 							label: {
-								show: true,
-								position: 'center'
+								show: true, 
+								
 							},
 							}
 						]

src/views/xm/core/xmTestPlan/rpt/biz/questionSort.vue

@@ -1,7 +1,6 @@
 <template>
 	<section>
-		<el-row class="padding">
-			<span>{{compCfg?compCfg.name:'缺陷排行榜'}}</span>
+		<el-row class="padding"> 
 			<el-popover   trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300">  
 				<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> 
 				<el-row>
@@ -150,6 +149,27 @@
 				this.myChart = this.$echarts.init(document.getElementById(this.id)); 
 				this.myChart.setOption(   
 					{
+						title: {
+							text: this.title, 
+							left: 'left'
+						}, 
+						
+						tooltip: {
+							trigger: 'axis', 
+						},
+						barMaxWidth: 100,
+						toolbox: {
+							show: true,
+							right:"20px",
+							feature: {
+							dataView: { show: true, readOnly: false },
+							magicType: { show: true, type: ['line', 'bar'] },
+							
+							saveAsImage: { show: true }
+							}
+						},
+
+						calculable: true,
 						xAxis: {
 							type: 'category',
 							data: this.legendCpd
@@ -160,7 +180,16 @@
 						series: [
 							{
 							data: this.xmQuestionSortsCpd,
-							type: 'bar'
+							type: 'bar',								
+							label:{
+									show: true, 
+								},
+							markPoint: {
+									data: [
+									{ type: 'max', name: 'Max' },
+									{ type: 'min', name: 'Min' }
+									]
+								}, 
 							}
 						]
 					}

src/views/xm/core/xmTestPlan/rpt/biz/testPlanCaseExecStatusDist.vue

@@ -108,10 +108,22 @@
 						title: {
 							text: this.title, 
 							left: 'center'
-						},
+						}, 
 						tooltip: {
-							trigger: 'item'
+							trigger: 'item',
+							
 						},
+						
+						toolbox: {
+							show: true,
+							right:"20px",
+							feature: {
+								dataView: { show: true, readOnly: false },  
+								saveAsImage: { show: true }, 
+							}
+						}, 
+						calculable: true,
+						
 						legend: { 
 							top:'5%',
 							left: 'center',
@@ -131,8 +143,8 @@
 							},
 
 							label: {
-								show: true,
-								position: 'center'
+								show: true, 
+								
 							},
 							}
 						]

src/views/xm/core/xmTestPlan/rpt/biz/testPlanCaseUserDist.vue

@@ -102,33 +102,66 @@
 						title: {
 							text: this.title, 
 							left: 'center'
-						},
+						}, 
+						
 						tooltip: {
-							trigger: 'item'
+							trigger: 'item', 
+						},
+						barMaxWidth: 100,
+						toolbox: {
+							show: true,
+							right:"20px",
+							feature: {
+							dataView: { show: true, readOnly: false },
+							magicType: { show: true, type: ['line', 'bar'] },
+							
+							saveAsImage: { show: true }
+							}
 						},
-						legend: { 
+
+						calculable: true,
+						
+						legend: {
 							top:'5%',
 							left: 'center',
-							data:this.legendCpd,
+							data: ['已执行', '未执行']
+						},
+						xAxis: {
+							type: 'category',
+							data: this.legendCpd
 						},
-						series: [
+						yAxis: {
+							type: 'value'
+						},
+						series: [ 
 							{
-							type: 'pie',
-							radius: '50%',
-							data: this.xmTestPlanCaseUserDistsCpd,
-							emphasis: {
-								itemStyle: {
-								shadowBlur: 10,
-								shadowOffsetX: 0,
-								shadowColor: 'rgba(0, 0, 0, 0.5)'
-								}
+								name: '已执行',
+								type: 'bar', 
+								data: this.hadExecCpd, 
+								label:{
+									show: true, 
+								},
+								markPoint: {
+									data: [
+									{ type: 'max', name: 'Max' },
+									{ type: 'min', name: 'Min' }
+									]
+								}, 
 							},
-
-							label: {
-								show: true,
-								position: 'center'
+							{
+								name: '未执行',
+								type: 'bar',  
+								data: this.notExecCpd,
+								label:{
+									show: true, 
+								},
+								markPoint: {
+									data: [
+									{ type: 'max', name: 'Max' },
+									{ type: 'min', name: 'Min' }
+									]
+								}, 
 							},
-							}
 						]
 					}
 				)