mt-fe-group/11-mes-new
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 3d产线成品率

Browse Source
This commit is contained in:
lb 2022-11-17 10:53:00 +08:00
parent 760342ddbb
commit 7f2ee35c29
1 changed files with 103 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

196
src/views/3DOverview/components/RightContentProductRate.vue
View File

@ -43,6 +43,7 @@ export default {
}, },
legend: { legend: {
width: '72%', width: '72%',
top: 0,
right: 12, right: 12,
itemWidth: 12, itemWidth: 12,
itemHeight: 8, itemHeight: 8,
@ -73,6 +74,8 @@ export default {
yAxis: { yAxis: {
type: 'value', type: 'value',
name: '成品率', name: '成品率',
min: 'dataMin',
splitNumber: 3,
nameTextStyle: { nameTextStyle: {
color: '#fffc', color: '#fffc',
align: 'right', align: 'right',
@ -95,11 +98,10 @@ export default {
}, },
series: [ series: [
{ {
name: '产线1', name: 'A',
type: 'line', type: 'line',
symbol: 'none', symbol: 'none',
areaStyle: { areaStyle: {
// color: 'rgba(50,145,152,0.5)'
color: { color: {
type: 'linear', type: 'linear',
x: 0, x: 0,
@ -121,14 +123,19 @@ export default {
}, },
data: Array(12) data: Array(12)
.fill(0) .fill(0)
.map(_ => Math.floor(Math.random() * 100)) .map(_ => {
let v = Math.floor(Math.random() * 100)
while (v < 80) {
v = Math.floor(Math.random() * 100)
}
return v
})
}, },
{ {
name: '产线2', name: 'B',
type: 'line', type: 'line',
symbol: 'none', symbol: 'none',
areaStyle: { areaStyle: {
// color: 'rgba(50,145,152,0.5)'
color: { color: {
type: 'linear', type: 'linear',
x: 0, x: 0,
@ -150,95 +157,98 @@ export default {
}, },
data: Array(12) data: Array(12)
.fill(0) .fill(0)
.map(_ => Math.floor(Math.random() * 100)) .map(_ => {
}, let v = Math.floor(Math.random() * 100)
{ while (v < 80) {
name: '产线3', v = Math.floor(Math.random() * 100)
type: 'line', }
symbol: 'none', return v
areaStyle: { })
// color: 'rgba(50,145,152,0.5)'
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: '#FF734566' // 0% 处的颜色
},
{
offset: 1,
color: 'transparent' // 100% 处的颜色
}
],
global: false // 缺省为 false
}
},
data: Array(12)
.fill(0)
.map(_ => Math.floor(Math.random() * 100))
},
{
name: '产线4',
type: 'line',
symbol: 'none',
areaStyle: {
// color: 'rgba(50,145,152,0.5)'
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: '#9452FF66' // 0% 处的颜色
},
{
offset: 1,
color: 'transparent' // 100% 处的颜色
}
],
global: false // 缺省为 false
}
},
data: Array(12)
.fill(0)
.map(_ => Math.floor(Math.random() * 100))
},
{
name: '产线5',
type: 'line',
symbol: 'none',
areaStyle: {
// color: 'rgba(50,145,152,0.5)'
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: '#6A6E8766' // 0% 处的颜色
},
{
offset: 1,
color: 'transparent' // 100% 处的颜色
}
],
global: false // 缺省为 false
}
},
data: Array(12)
.fill(0)
.map(_ => Math.floor(Math.random() * 100))
} }
// {
// name: '产线3',
// type: 'line',
// symbol: 'none',
// areaStyle: {
// color: {
// type: 'linear',
// x: 0,
// y: 0,
// x2: 0,
// y2: 1,
// colorStops: [
// {
// offset: 0,
// color: '#FF734566' // 0% 处的颜色
// },
// {
// offset: 1,
// color: 'transparent' // 100% 处的颜色
// }
// ],
// global: false // 缺省为 false
// }
// },
// data: Array(12)
// .fill(0)
// .map(_ => Math.floor(Math.random() * 100))
// },
// {
// name: '产线4',
// type: 'line',
// symbol: 'none',
// areaStyle: {
// color: {
// type: 'linear',
// x: 0,
// y: 0,
// x2: 0,
// y2: 1,
// colorStops: [
// {
// offset: 0,
// color: '#9452FF66' // 0% 处的颜色
// },
// {
// offset: 1,
// color: 'transparent' // 100% 处的颜色
// }
// ],
// global: false // 缺省为 false
// }
// },
// data: Array(12)
// .fill(0)
// .map(_ => Math.floor(Math.random() * 100))
// },
// {
// name: '产线5',
// type: 'line',
// symbol: 'none',
// areaStyle: {
// color: {
// type: 'linear',
// x: 0,
// y: 0,
// x2: 0,
// y2: 1,
// colorStops: [
// {
// offset: 0,
// color: '#6A6E8766' // 0% 处的颜色
// },
// {
// offset: 1,
// color: 'transparent' // 100% 处的颜色
// }
// ],
// global: false // 缺省为 false
// }
// },
// data: Array(12)
// .fill(0)
// .map(_ => Math.floor(Math.random() * 100))
// }
] ]
} }
} }