|
@@ -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;
|
|
|
}
|