852 lines
21 KiB
JavaScript
852 lines
21 KiB
JavaScript
|
|
||
|
|
// 在岗率数据配置
|
||
|
|
let guardData = [
|
||
|
|
{
|
||
|
|
value: 20,
|
||
|
|
name: '合格率',
|
||
|
|
title: {
|
||
|
|
color: '#12CDA2',
|
||
|
|
offsetCenter: ['0%', '20%'],
|
||
|
|
fontSize: 0.6316 * basePx
|
||
|
|
},
|
||
|
|
detail: {
|
||
|
|
valueAnimation: true,
|
||
|
|
offsetCenter: ['0%', '-10%'],
|
||
|
|
}
|
||
|
|
}
|
||
|
|
];
|
||
|
|
let guardOption = {
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
id: '在岗率',
|
||
|
|
radius: '99%',
|
||
|
|
type: 'gauge',
|
||
|
|
startAngle: 90,
|
||
|
|
endAngle: -270,
|
||
|
|
pointer: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
progress: {
|
||
|
|
show: true,
|
||
|
|
overlap: false,
|
||
|
|
roundCap: false,
|
||
|
|
clip: false,
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
width: 1.0526 * basePx,
|
||
|
|
color: [[1, '#071646']],
|
||
|
|
shadowColor: '#1C466C',
|
||
|
|
shadowBlur: 2,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
color: '#0FD09C',
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: false,
|
||
|
|
distance: 0,
|
||
|
|
length: 0.5263 * basePx
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
data: guardData,
|
||
|
|
detail: {
|
||
|
|
offsetCenter: ['0%', '120%'],
|
||
|
|
fontSize: 1.0526 * basePx,
|
||
|
|
color: '#12CDA2',
|
||
|
|
formatter: '{value}{a|%}',
|
||
|
|
rich: {
|
||
|
|
a: {
|
||
|
|
fontSize: 0.4211 * basePx,
|
||
|
|
color: '#1AB1FF'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
// 风险管控
|
||
|
|
let riskData = [
|
||
|
|
{ value: 3, name: '四级/重大风险', label: { color: '#FF7473' }, itemStyle: { color: '#FF7473' }, labelLine: { lineStyle: { color: '#FF7473' } } },
|
||
|
|
{ value: 4, name: '一级/低风险', label: { color: '#5C5AFF' }, itemStyle: { color: '#5C5AFF' }, labelLine: { lineStyle: { color: '#5C5AFF' } } },
|
||
|
|
{ value: 1, name: '三级/较大风险', label: { color: '#FFA502' }, itemStyle: { color: '#FFA502' }, labelLine: { lineStyle: { color: '#FFA502' } } },
|
||
|
|
{ value: 7, name: '二级/一般风险', label: { color: '#E7EA2E' }, itemStyle: { color: '#E7EA2E' }, labelLine: { lineStyle: { color: '#E7EA2E' } } },
|
||
|
|
]
|
||
|
|
let riskOption = {
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'item'
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
type: 'pie',
|
||
|
|
radius: ['20%', '60%'],
|
||
|
|
center: ['50%', '50%'],
|
||
|
|
label: {
|
||
|
|
formatter: '{b}\n{c}'
|
||
|
|
},
|
||
|
|
data: riskData.sort(function (a, b) {
|
||
|
|
return a.value - b.value;
|
||
|
|
}),
|
||
|
|
roseType: 'radius',
|
||
|
|
|
||
|
|
animationType: 'scale',
|
||
|
|
animationEasing: 'elasticOut',
|
||
|
|
animationDelay: function (idx) {
|
||
|
|
return Math.random() * 200;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// 劳务数据
|
||
|
|
let safeData = [20, 30, 90, 11, 28]
|
||
|
|
let safeOption = {
|
||
|
|
grid: {
|
||
|
|
top: 20,
|
||
|
|
bottom: 25,
|
||
|
|
},
|
||
|
|
// tooltip: {
|
||
|
|
// trigger: 'axis',
|
||
|
|
// axisPointer: {
|
||
|
|
// type: 'shadow'
|
||
|
|
// },
|
||
|
|
// // formatter:(h)=>{
|
||
|
|
// // console.log(h)
|
||
|
|
// // let val = h[0].value
|
||
|
|
// // let ele = `<div>${val}</div>`
|
||
|
|
// // return ele;
|
||
|
|
// // }
|
||
|
|
// },
|
||
|
|
xAxis: {
|
||
|
|
type: 'category',
|
||
|
|
data: ['普工', '木工', '油漆工', '钢筋工', '水泥工'],
|
||
|
|
axisTick: {
|
||
|
|
// 刻度线
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: ['#34A6D2'],
|
||
|
|
width: 3,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
interval: 0,
|
||
|
|
textStyle: {
|
||
|
|
color: '#00BEFF',
|
||
|
|
fontSize: 14
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
yAxis: {
|
||
|
|
type: 'value',
|
||
|
|
splitLine: {
|
||
|
|
lineStyle: {
|
||
|
|
type: 'dashed',
|
||
|
|
color: ['#0D3C65']
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
textStyle: {
|
||
|
|
color: '#00BEFF',
|
||
|
|
fontSize: 0.6316 * basePx
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
data: safeData,
|
||
|
|
barWidth: 1.0526 * basePx,
|
||
|
|
type: 'bar',
|
||
|
|
showBackground: true,
|
||
|
|
itemStyle: {
|
||
|
|
color: '#12CDA2'
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
show: true,
|
||
|
|
fontSize: 0.5263 * basePx,
|
||
|
|
color: "#FFFFFF",
|
||
|
|
},
|
||
|
|
|
||
|
|
backgroundStyle: {
|
||
|
|
color: 'rgba(180, 180, 180, 0.2)'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// 作业许可统计
|
||
|
|
let dataAxis = ['[动火]', '[临电]', '[高处]', '[动土]', '[断路]', '[吊装]', '[受限]'];
|
||
|
|
let data = [220, 182, 191, 234, 290, 330, 3101];
|
||
|
|
let yMax = 500;
|
||
|
|
let dataShadow = [];
|
||
|
|
for (let i = 0; i < data.length; i++) {
|
||
|
|
dataShadow.push(yMax);
|
||
|
|
}
|
||
|
|
let jobOption = {
|
||
|
|
grid: {
|
||
|
|
top: 1.3158 * basePx,
|
||
|
|
left: 3.6842 * basePx,
|
||
|
|
height: '85%',
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
show: false,
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
},
|
||
|
|
yAxis: [
|
||
|
|
{
|
||
|
|
data: dataAxis,
|
||
|
|
axisLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
triggerEvent: true,
|
||
|
|
axisLabel: {
|
||
|
|
color: '#7ECEF7',
|
||
|
|
width: 2.6316 * basePx,
|
||
|
|
overflow: 'truncate',
|
||
|
|
align: 'right',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
data: data,
|
||
|
|
position: 'left',
|
||
|
|
axisLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
inside: true,
|
||
|
|
fontSize: 0.5263 * basePx,
|
||
|
|
color: '#ffffff'
|
||
|
|
},
|
||
|
|
z: 0.5263 * basePx
|
||
|
|
},
|
||
|
|
],
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
type: 'bar',
|
||
|
|
showBackground: true,
|
||
|
|
backgroundStyle: {
|
||
|
|
color: '#091F60',
|
||
|
|
borderRadius: 0.2632 * basePx,
|
||
|
|
},
|
||
|
|
barWidth: 0.5263 * basePx,
|
||
|
|
itemStyle: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||
|
|
{ offset: 0, color: '#12CDA2' },
|
||
|
|
{ offset: 1, color: '#091F60' }
|
||
|
|
]),
|
||
|
|
barBorderRadius: [0.2632 * basePx, 0.2632 * basePx, 0.2632 * basePx, 0.2632 * basePx]
|
||
|
|
},
|
||
|
|
data: data
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
// 安全隐患分析
|
||
|
|
let xdata = ['临时用电', '临边洞口临边洞口临边洞口临边洞口临边洞口临边洞口临边洞口', '文明施工', '脚手架', '高处作业', '其他']
|
||
|
|
let data1 = [100, 1000, 80, 916, 700, 600, 30]
|
||
|
|
let safetyAnalysisOption = {
|
||
|
|
grid: {
|
||
|
|
left: 2.1053 * basePx,
|
||
|
|
right: '3%',
|
||
|
|
bottom: 1.0526 * basePx,
|
||
|
|
top: '15%',
|
||
|
|
containLabel: true
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
data: xdata,
|
||
|
|
triggerEvent: true,
|
||
|
|
axisTick: {
|
||
|
|
// 刻度线
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: true,
|
||
|
|
rotate: -30,
|
||
|
|
interval: 0,
|
||
|
|
width: 3.1579 * basePx,
|
||
|
|
overflow: 'truncate',
|
||
|
|
textStyle: {
|
||
|
|
color: '#00BEFF',
|
||
|
|
fontSize: 0.6316 * basePx
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
yAxis: {
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: '#0D3C65'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
// y轴线
|
||
|
|
show: true,
|
||
|
|
textStyle: {
|
||
|
|
color: '#00BEFF',
|
||
|
|
fontSize: 0.6316 * basePx
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
name: 'hill',
|
||
|
|
type: 'pictorialBar',
|
||
|
|
barWidth: 1.5789 * basePx,
|
||
|
|
symbol:
|
||
|
|
'triangle',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
// 渐变色
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
|
|
{
|
||
|
|
offset: 0,
|
||
|
|
color: '#00FEFF'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
offset: 1,
|
||
|
|
color: '#4390FA'
|
||
|
|
}
|
||
|
|
])
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: data1,
|
||
|
|
z: 10
|
||
|
|
},
|
||
|
|
]
|
||
|
|
}
|
||
|
|
|
||
|
|
// 质量统计
|
||
|
|
|
||
|
|
const quality1Data = [
|
||
|
|
{
|
||
|
|
value: 37.5,
|
||
|
|
name: '整改率',
|
||
|
|
title: {
|
||
|
|
color: '#1AB1FF',
|
||
|
|
offsetCenter: ['0%', '125%'],
|
||
|
|
fontSize: 0.6316 * basePx
|
||
|
|
},
|
||
|
|
detail: {
|
||
|
|
valueAnimation: true,
|
||
|
|
offsetCenter: ['0%', '10%'],
|
||
|
|
}
|
||
|
|
}
|
||
|
|
];
|
||
|
|
let quality1ption = {
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
id: '整改率',
|
||
|
|
radius: '75%',
|
||
|
|
type: 'gauge',
|
||
|
|
startAngle: 90,
|
||
|
|
endAngle: -270,
|
||
|
|
pointer: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
progress: {
|
||
|
|
show: true,
|
||
|
|
overlap: false,
|
||
|
|
roundCap: false,
|
||
|
|
clip: false,
|
||
|
|
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
width: 0.5263 * basePx,
|
||
|
|
color: [[1, '#0F2164']]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
color: '#FFB260',
|
||
|
|
borderRadius: 0
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: false,
|
||
|
|
distance: 0,
|
||
|
|
length: 0.5263 * basePx
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
data: quality1Data,
|
||
|
|
detail: {
|
||
|
|
fontSize: 0.7368 * basePx,
|
||
|
|
color: '#FFB260',
|
||
|
|
formatter: '{value}{a|%}',
|
||
|
|
rich: {
|
||
|
|
a: {
|
||
|
|
fontSize: 0.4211 * basePx,
|
||
|
|
color: '#1AB1FF'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
const quality2Data = [
|
||
|
|
{
|
||
|
|
value: 98.2,
|
||
|
|
name: '合格率',
|
||
|
|
title: {
|
||
|
|
color: '#1AB1FF',
|
||
|
|
offsetCenter: ['0%', '125%'],
|
||
|
|
fontSize: 0.6316 * basePx
|
||
|
|
},
|
||
|
|
detail: {
|
||
|
|
valueAnimation: true,
|
||
|
|
offsetCenter: ['0%', '10%'],
|
||
|
|
}
|
||
|
|
}
|
||
|
|
];
|
||
|
|
let quality2ption = {
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
id: '合格率',
|
||
|
|
radius: '70%',
|
||
|
|
type: 'gauge',
|
||
|
|
startAngle: 90,
|
||
|
|
endAngle: -270,
|
||
|
|
pointer: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
progress: {
|
||
|
|
show: true,
|
||
|
|
overlap: false,
|
||
|
|
roundCap: false,
|
||
|
|
clip: false,
|
||
|
|
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
width: 0.5263 * basePx,
|
||
|
|
color: [[1, '#0F2164']]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
color: '#12CDA2',
|
||
|
|
borderRadius: 0
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: false,
|
||
|
|
distance: 0,
|
||
|
|
length: 0.5263 * basePx
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
data: quality2Data,
|
||
|
|
detail: {
|
||
|
|
fontSize: 0.7368 * basePx,
|
||
|
|
color: '#12CDA2',
|
||
|
|
formatter: '{value}{a|%}',
|
||
|
|
rich: {
|
||
|
|
a: {
|
||
|
|
fontSize: 0.4211 * basePx,
|
||
|
|
color: '#1AB1FF'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// 地图
|
||
|
|
let chinaData = [
|
||
|
|
{
|
||
|
|
name: '合肥',
|
||
|
|
value: [117.27, 31.86, 55]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '北京',
|
||
|
|
value: [116.40, 39.90, 110]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '重庆',
|
||
|
|
value: [106.55, 29.56, 32]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
let chinaOption = {
|
||
|
|
geo: [
|
||
|
|
{
|
||
|
|
// 地理坐标系组件
|
||
|
|
map: "china",
|
||
|
|
roam: false, // 可以缩放和平移
|
||
|
|
aspectScale: 0.75, // 比例
|
||
|
|
top: 6.3158 * basePx,
|
||
|
|
zlevel: 1,
|
||
|
|
zoom: 1.4,
|
||
|
|
regions: [
|
||
|
|
{
|
||
|
|
name: "南海诸岛",
|
||
|
|
itemStyle: {
|
||
|
|
// 隐藏地图
|
||
|
|
normal: {
|
||
|
|
opacity: 0, // 为 0 时不绘制该图形
|
||
|
|
}
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
show: false // 隐藏文字
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
itemStyle: {
|
||
|
|
// 图形上的地图区域
|
||
|
|
normal: {
|
||
|
|
areaColor: "#1B3885",
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
emphasis: {
|
||
|
|
disabled: true,
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
{
|
||
|
|
// 地理坐标系组件
|
||
|
|
map: "china",
|
||
|
|
roam: false, // 可以缩放和平移
|
||
|
|
aspectScale: 0.75, // 比例
|
||
|
|
top: 6.3158 * basePx,
|
||
|
|
zlevel: 10,
|
||
|
|
zoom: 1.4,
|
||
|
|
regions: [
|
||
|
|
{
|
||
|
|
name: "南海诸岛",
|
||
|
|
itemStyle: {
|
||
|
|
// 隐藏地图
|
||
|
|
normal: {
|
||
|
|
opacity: 0, // 为 0 时不绘制该图形
|
||
|
|
}
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
show: false // 隐藏文字
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
itemStyle: {
|
||
|
|
// 图形上的地图区域
|
||
|
|
normal: {
|
||
|
|
borderWidth: 0.1053 * basePx,
|
||
|
|
areaColor: "#214DA9",
|
||
|
|
borderColor: "#2FA1D7",
|
||
|
|
// shadowBlur: 20,
|
||
|
|
// shadowOffsetY:10,
|
||
|
|
// shadowOffsetX:10,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
emphasis: {
|
||
|
|
disabled: true,
|
||
|
|
itemStyle: {
|
||
|
|
areaColor: 'red',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
],
|
||
|
|
series: [{
|
||
|
|
type: 'effectScatter',
|
||
|
|
coordinateSystem: 'geo',
|
||
|
|
symbolSize: 1.0526 * basePx,
|
||
|
|
zlevel: 100,
|
||
|
|
itemStyle: {
|
||
|
|
color: "#FDFF04"
|
||
|
|
},
|
||
|
|
rippleEffect: {
|
||
|
|
|
||
|
|
},
|
||
|
|
data: chinaData,
|
||
|
|
}],
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// 质量统计 整改率
|
||
|
|
let issueData = [
|
||
|
|
{
|
||
|
|
value: 60
|
||
|
|
}
|
||
|
|
];
|
||
|
|
let issueOption = {
|
||
|
|
title: {
|
||
|
|
text: '整改率',
|
||
|
|
textStyle: {
|
||
|
|
color: '#FFA600 ',
|
||
|
|
fontSize: 0.7368* basePx,
|
||
|
|
},
|
||
|
|
bottom: 0,
|
||
|
|
left: 'center'
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
type: 'gauge',
|
||
|
|
startAngle: 225,
|
||
|
|
endAngle: -45,
|
||
|
|
progress: {
|
||
|
|
show: true,
|
||
|
|
overlap: false,
|
||
|
|
roundCap: true,
|
||
|
|
clip: false,
|
||
|
|
lineStyle: {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
pointer: { // 时针
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: false,
|
||
|
|
distance: 0,
|
||
|
|
length: 0.5263* basePx
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
roundCap: false,
|
||
|
|
lineStyle: {
|
||
|
|
width: 0.8421* basePx,
|
||
|
|
color: [[1, '#0E3668']]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: { // 刻度
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: false,
|
||
|
|
distance: 2.6316 * basePx,
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
|
|
{ offset: 0, color: '#EB9002' },
|
||
|
|
{ offset: 1, color: '#404745' }
|
||
|
|
]),
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
show: true,
|
||
|
|
offsetCenter: [0, '75%'],
|
||
|
|
width: 1.5789* basePx,
|
||
|
|
height: 0.2632* basePx,
|
||
|
|
borderRadius: 0.1053* basePx,
|
||
|
|
shadowBlur: 0.1579* basePx,
|
||
|
|
shadowColor: '#C88621',
|
||
|
|
backgroundColor: '#C88621',
|
||
|
|
},
|
||
|
|
detail: {
|
||
|
|
fontSize: 1.5789* basePx,
|
||
|
|
color: '#B78021',
|
||
|
|
formatter: '{value}{a|%}',
|
||
|
|
offsetCenter: [0, 0],
|
||
|
|
rich: {
|
||
|
|
a: {
|
||
|
|
fontSize: 0.8421* basePx,
|
||
|
|
color: '#B78021'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: issueData
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
// 质量统计 合格率
|
||
|
|
let finishData = [
|
||
|
|
{
|
||
|
|
value: 75
|
||
|
|
}
|
||
|
|
];
|
||
|
|
let finishOption = {
|
||
|
|
title: {
|
||
|
|
text: '合格率',
|
||
|
|
textStyle: {
|
||
|
|
color: '#15EDBB ',
|
||
|
|
fontSize: 0.7368* basePx,
|
||
|
|
},
|
||
|
|
bottom: 0,
|
||
|
|
left: 'center'
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
type: 'gauge',
|
||
|
|
startAngle: 225,
|
||
|
|
endAngle: -45,
|
||
|
|
progress: {
|
||
|
|
show: true,
|
||
|
|
overlap: false,
|
||
|
|
roundCap: true,
|
||
|
|
clip: false,
|
||
|
|
lineStyle: {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
pointer: { // 时针
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: false,
|
||
|
|
distance: 0,
|
||
|
|
length: 10
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
roundCap: false,
|
||
|
|
lineStyle: {
|
||
|
|
width: 0.8421* basePx,
|
||
|
|
color: [[1, '#0E3668']]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: { // 刻度
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: false,
|
||
|
|
distance: 2.6316* basePx,
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
|
|
{ offset: 0, color: '#01D4D4' },
|
||
|
|
{ offset: 1, color: '#026974' }
|
||
|
|
]),
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
show: true,
|
||
|
|
offsetCenter: [0, '75%'],
|
||
|
|
width: 1.5789* basePx,
|
||
|
|
height: 0.2632* basePx,
|
||
|
|
borderRadius: 0.1053* basePx,
|
||
|
|
shadowBlur: 0.1579* basePx,
|
||
|
|
shadowColor: '#15EDBB ',
|
||
|
|
backgroundColor: '#15EDBB ',
|
||
|
|
},
|
||
|
|
detail: {
|
||
|
|
fontSize: 1.5789* basePx,
|
||
|
|
color: '#15EDBB ',
|
||
|
|
formatter: '{value}{a|%}',
|
||
|
|
offsetCenter: [0, 0],
|
||
|
|
rich: {
|
||
|
|
a: {
|
||
|
|
fontSize: 0.8421* basePx,
|
||
|
|
color: '#15EDBB '
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: finishData
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// 质量统计 合格率
|
||
|
|
let unfinishedData = [
|
||
|
|
{
|
||
|
|
value: 30
|
||
|
|
}
|
||
|
|
];
|
||
|
|
let unfinishedOption = {
|
||
|
|
title: {
|
||
|
|
text: '焊接一次合格率',
|
||
|
|
textStyle: {
|
||
|
|
color: '#15EDBB ',
|
||
|
|
fontSize: 0.7368* basePx,
|
||
|
|
},
|
||
|
|
bottom: 0,
|
||
|
|
left: 'center'
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
type: 'gauge',
|
||
|
|
startAngle: 225,
|
||
|
|
endAngle: -45,
|
||
|
|
progress: {
|
||
|
|
show: true,
|
||
|
|
overlap: false,
|
||
|
|
roundCap: true,
|
||
|
|
clip: false,
|
||
|
|
lineStyle: {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
pointer: { // 时针
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: false,
|
||
|
|
distance: 0,
|
||
|
|
length: 10
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
roundCap: false,
|
||
|
|
lineStyle: {
|
||
|
|
width: 0.8421* basePx,
|
||
|
|
color: [[1, '#0E3668']]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: { // 刻度
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: false,
|
||
|
|
distance: 2.6316* basePx,
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
|
|
{ offset: 0, color: '#01D4D4' },
|
||
|
|
{ offset: 1, color: '#026974' }
|
||
|
|
]),
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
show: true,
|
||
|
|
offsetCenter: [0, '75%'],
|
||
|
|
width: 1.5789* basePx,
|
||
|
|
height: 0.2632* basePx,
|
||
|
|
borderRadius: 0.1053* basePx,
|
||
|
|
shadowBlur: 0.1579* basePx,
|
||
|
|
shadowColor: '#15EDBB ',
|
||
|
|
backgroundColor: '#15EDBB ',
|
||
|
|
},
|
||
|
|
detail: {
|
||
|
|
fontSize: 1.5789* basePx,
|
||
|
|
color: '#15EDBB ',
|
||
|
|
formatter: '{value}{a|%}',
|
||
|
|
offsetCenter: [0, 0],
|
||
|
|
rich: {
|
||
|
|
a: {
|
||
|
|
fontSize: 0.8421* basePx,
|
||
|
|
color: '#15EDBB '
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: finishData
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|