Browse Source

优化准出报告图标

qinzhipeng_v@didiglobal.com 4 years ago
parent
commit
6a77cc60f7

+ 7 - 3
src/views/reportManagement/ReleaseReport/components/iconDisplay.vue

@@ -15,7 +15,7 @@
     <div :id="'line-echarts' + randomId" class="line-echarts" />
     <div class="Layout_space_between">
       <div :id="'lineShow' + randomId" class="backTop" />
-      <div :id="'barShow' + randomId" class="backTop" />
+      <div :id="'barShow' + randomId" class="backTopBar" />
     </div>
     <div class="title">遗留缺陷</div>
     <el-table
@@ -184,7 +184,7 @@ export default {
               title: { text: '缺陷责任人分布', x: 'center', textStyle: { fontSize: 14, fontStyle: 'normal', fontWeight: 'normal' }},
               tooltip: { axisPointer: { type: 'shadow' }},
               grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
-              xAxis: [{ type: 'category', data: res2.data.xaxis[0] ? res2.data.xaxis : ['未知'], axisTick: { alignWithLabel: true }}],
+              xAxis: [{ type: 'category', data: res2.data.xaxis[0] ? res2.data.xaxis : ['未知'], axisTick: { alignWithLabel: true }, axisLabel: { interval: 0, rotate: 45 }}],
               yAxis: [{ type: 'value', axisLine: { show: false }, axisTick: { show: false }, splitLine: { show: true, lineStyle: { type: 'dashed' }}}],
               series: res2.data.yaxis[0].data <= 0 ? [{ name: '无数据', type: 'bar', barWidth: '20px', data: [0] }] : data
             })
@@ -205,7 +205,7 @@ export default {
               title: { text: '缺陷等级分布', x: 'center', textStyle: { fontSize: 14, fontStyle: 'normal', fontWeight: 'normal' }},
               tooltip: { axisPointer: { type: 'shadow' }},
               grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
-              xAxis: [{ type: 'category', data: res3.data.xaxis, axisTick: { alignWithLabel: true }}],
+              xAxis: [{ type: 'category', data: res3.data.xaxis, axisTick: { alignWithLabel: true }, axisLabel: { interval: 0, rotate: 45 }}],
               yAxis: [{ type: 'value', axisLine: { show: false }, axisTick: { show: false }, splitLine: { show: true, lineStyle: { type: 'dashed' }}}],
               series: res3.data.yaxis[0].data <= 0 ? [{ name: '无数据', type: 'bar', barWidth: '20px', data: [0, 0, 0, 0] }] : data
             })
@@ -261,6 +261,10 @@ export default {
   }
 
 .backTop {
+  width: 650px;
+  height:400px;
+}
+.backTopBar {
   width: 400px;
   height:400px;
 }