|
|
@@ -158,7 +158,7 @@ let colorList = []
|
|
|
export const acceptOption = {
|
|
|
title: {
|
|
|
show: true,
|
|
|
- text: '检测类型',
|
|
|
+ text: '检测任务类型(月度)',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: 20,
|
|
|
@@ -205,8 +205,8 @@ export const acceptOption = {
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'outer',
|
|
|
- // formatter: `占比:{d}%\n\n\r{b}:{c}`,
|
|
|
- formatter: `{b}:{c}`,
|
|
|
+ formatter: `数量:{c} 占比:{d}%`,
|
|
|
+ // formatter: `{b}:{c}`,
|
|
|
fontSize: 14
|
|
|
},
|
|
|
labelLine: {
|
|
|
@@ -224,11 +224,12 @@ export const acceptOption = {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-export const taskOption = {
|
|
|
+// 原任务统计
|
|
|
+export const taskOptionOld = {
|
|
|
// 图表标题
|
|
|
title: {
|
|
|
show: true,
|
|
|
- text: '检测任务情况',
|
|
|
+ text: '检测过程数据(月度)',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: 20,
|
|
|
@@ -319,6 +320,109 @@ export const taskOption = {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+// 任务及时完成率
|
|
|
+export const taskOption = {
|
|
|
+ title: {
|
|
|
+ show: true,
|
|
|
+ text: '任务及时完成率(月度)',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ fontSize: 20,
|
|
|
+ fontWeight: '600'
|
|
|
+ },
|
|
|
+ textAlign: 'center',
|
|
|
+ left: '50%',
|
|
|
+ top: '20px'
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ orient: 'horizontal',
|
|
|
+ show: true,
|
|
|
+ left: 'center',
|
|
|
+ bottom: 10,
|
|
|
+ z: 3,
|
|
|
+ itemWidth: 25,
|
|
|
+ itemHeight: 14,
|
|
|
+ itemGap: 10,
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ name: '及时',
|
|
|
+ textStyle: {
|
|
|
+ color: '#00a78e'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '不及时',
|
|
|
+ textStyle: {
|
|
|
+ color: '#d20962'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '未完成',
|
|
|
+ textStyle: {
|
|
|
+ color: '#f47721'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '任务完成情况',
|
|
|
+ type: 'pie',
|
|
|
+ // radius: ['40%', '70%'],
|
|
|
+ avoidLabelOverlap: true,
|
|
|
+ // startAngle: 180,
|
|
|
+ radius: '55%',
|
|
|
+ // center: ['50%', '70%'],
|
|
|
+ data: [],
|
|
|
+ itemStyle: {
|
|
|
+ emphasis: {
|
|
|
+ shadowBlur: 10,
|
|
|
+ shadowOffsetX: 0,
|
|
|
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
+ },
|
|
|
+ normal: {
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ position: 'outer',
|
|
|
+ // formatter: `占比:{d}%\t{b}:{c}`,
|
|
|
+ formatter: `数量:{c} 占比:{d}%`,
|
|
|
+ fontSize: 14
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // label: {
|
|
|
+ // alignTo: 'edge',
|
|
|
+ // minMargin: 5,
|
|
|
+ // edgeDistance: 10,
|
|
|
+ // lineHeight: 15
|
|
|
+ // },
|
|
|
+ // labelLine: {
|
|
|
+ // length: -5,
|
|
|
+ // length2: 0,
|
|
|
+ // maxSurfaceAngle: 80
|
|
|
+ // },
|
|
|
+ // labelLayout (params) {
|
|
|
+ // const isLeft = params.labelRect.x < myChart.getWidth() / 2
|
|
|
+ // const points = params.labelLinePoints
|
|
|
+ // // Update the end point.
|
|
|
+ // points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width
|
|
|
+ // return {
|
|
|
+ // labelLinePoints: points
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ color: ['#00a78e', '#d20962', '#f47721'],
|
|
|
+ tooltip: {
|
|
|
+ show: true,
|
|
|
+ trigger: 'item',
|
|
|
+ formatter: '任务情况<br/>{b}:{c}<br/>占比:{d}%'
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
export const trustOption = {
|
|
|
legend: {
|
|
|
data: [
|
|
|
@@ -342,7 +446,7 @@ export const trustOption = {
|
|
|
},
|
|
|
title: {
|
|
|
show: true,
|
|
|
- text: '检测委托受理量',
|
|
|
+ text: '检测委托受理量(月度)',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: 20,
|
|
|
@@ -454,7 +558,7 @@ export const trustOption = {
|
|
|
return params.value ? params.value : ''
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
],
|
|
|
tooltip: {
|
|
|
show: true,
|
|
|
@@ -565,7 +669,7 @@ export const monthOption = {
|
|
|
},
|
|
|
title: {
|
|
|
show: true,
|
|
|
- text: '检测任务月度完成量',
|
|
|
+ text: '检测任务完成量(月度)',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: 20,
|
|
|
@@ -678,7 +782,6 @@ export const monthOption = {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
],
|
|
|
tooltip: {
|
|
|
show: true,
|
|
|
@@ -689,7 +792,7 @@ export const monthOption = {
|
|
|
export const yearOption = {
|
|
|
title: {
|
|
|
show: true,
|
|
|
- text: '检测任务年度完成量',
|
|
|
+ text: '检测任务完成量(年度)',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: 20,
|
|
|
@@ -710,15 +813,15 @@ export const yearOption = {
|
|
|
itemGap: 10,
|
|
|
data: [
|
|
|
{
|
|
|
- name: '未完成',
|
|
|
+ name: '已完成',
|
|
|
textStyle: {
|
|
|
- color: '#ff6347'
|
|
|
+ color: '#00a78e'
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- name: '已完成',
|
|
|
+ name: '未完成',
|
|
|
textStyle: {
|
|
|
- color: '#3f3'
|
|
|
+ color: '#d20962'
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
@@ -741,7 +844,7 @@ export const yearOption = {
|
|
|
show: true,
|
|
|
position: 'outer',
|
|
|
// formatter: `占比:{d}%\t{b}:{c}`,
|
|
|
- formatter: `{b}:{c}\t占比:{d}%`,
|
|
|
+ formatter: `数量:{c} 占比:{d}%`,
|
|
|
fontSize: 14
|
|
|
},
|
|
|
labelLine: {
|
|
|
@@ -751,7 +854,7 @@ export const yearOption = {
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
- color: ['#ff6347', '#3f3'],
|
|
|
+ color: ['#00a78e', '#d20962'],
|
|
|
tooltip: {
|
|
|
show: true,
|
|
|
trigger: 'item',
|