lb #14
@ -78,7 +78,7 @@ export default {
|
|||||||
border-image: linear-gradient(90deg, rgba(82, 255, 241, 0.6), rgba(95, 190, 249, 0), rgba(82, 255, 241, 0.6)) 2 2;
|
border-image: linear-gradient(90deg, rgba(82, 255, 241, 0.6), rgba(95, 190, 249, 0), rgba(82, 255, 241, 0.6)) 2 2;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: calc(24px * var(--beilv));
|
padding: calc(20px * var(--beilv));
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-shadow: inset 0px 0px 20px 0px rgba(255, 255, 255, 0.15);
|
box-shadow: inset 0px 0px 20px 0px rgba(255, 255, 255, 0.15);
|
||||||
|
@ -61,7 +61,7 @@ export default {
|
|||||||
data:
|
data:
|
||||||
this.mode === 'month'
|
this.mode === 'month'
|
||||||
? [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
|
? [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
|
||||||
: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
|
: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
|
||||||
},
|
},
|
||||||
|
|
||||||
yAxis: [
|
yAxis: [
|
||||||
@ -194,155 +194,155 @@ export default {
|
|||||||
}
|
}
|
||||||
return v
|
return v
|
||||||
})
|
})
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '镀膜机',
|
|
||||||
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: '#1A99FF66' // 0% 处的颜色
|
|
||||||
},
|
|
||||||
{
|
|
||||||
offset: 1,
|
|
||||||
color: 'transparent' // 100% 处的颜色
|
|
||||||
}
|
|
||||||
],
|
|
||||||
global: false // 缺省为 false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
focus: 'series'
|
|
||||||
},
|
|
||||||
data:
|
|
||||||
this.mode === 'month'
|
|
||||||
? Array(30)
|
|
||||||
.fill(1)
|
|
||||||
.map(_ => {
|
|
||||||
let v = Math.floor(Math.random() * 100)
|
|
||||||
while (v < 80) {
|
|
||||||
v = Math.floor(Math.random() * 100)
|
|
||||||
}
|
|
||||||
return v
|
|
||||||
})
|
|
||||||
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
|
|
||||||
let v = Math.floor(Math.random() * 100)
|
|
||||||
while (v < 80) {
|
|
||||||
v = Math.floor(Math.random() * 100)
|
|
||||||
}
|
|
||||||
return v
|
|
||||||
})
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '包装纸',
|
|
||||||
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: '#A691FF66' // 0% 处的颜色
|
|
||||||
},
|
|
||||||
{
|
|
||||||
offset: 1,
|
|
||||||
color: 'transparent' // 100% 处的颜色
|
|
||||||
}
|
|
||||||
],
|
|
||||||
global: false // 缺省为 false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
focus: 'series'
|
|
||||||
},
|
|
||||||
data:
|
|
||||||
this.mode === 'month'
|
|
||||||
? Array(30)
|
|
||||||
.fill(1)
|
|
||||||
.map(_ => {
|
|
||||||
let v = Math.floor(Math.random() * 100)
|
|
||||||
while (v < 80) {
|
|
||||||
v = Math.floor(Math.random() * 100)
|
|
||||||
}
|
|
||||||
return v
|
|
||||||
})
|
|
||||||
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
|
|
||||||
let v = Math.floor(Math.random() * 100)
|
|
||||||
while (v < 80) {
|
|
||||||
v = Math.floor(Math.random() * 100)
|
|
||||||
}
|
|
||||||
return v
|
|
||||||
})
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '丝印',
|
|
||||||
type: 'line',
|
|
||||||
symbol: 'none',
|
|
||||||
|
|
||||||
label: {
|
|
||||||
show: true,
|
|
||||||
position: 'top'
|
|
||||||
},
|
|
||||||
areaStyle: {
|
|
||||||
// color: 'rgba(50,145,152,0.5)'
|
|
||||||
color: {
|
|
||||||
type: 'linear',
|
|
||||||
x: 0,
|
|
||||||
y: 0,
|
|
||||||
x2: 0,
|
|
||||||
y2: 1,
|
|
||||||
colorStops: [
|
|
||||||
{
|
|
||||||
offset: 0,
|
|
||||||
color: '#49FBD666' // 0% 处的颜色
|
|
||||||
},
|
|
||||||
{
|
|
||||||
offset: 1,
|
|
||||||
color: 'transparent' // 100% 处的颜色
|
|
||||||
}
|
|
||||||
],
|
|
||||||
global: false // 缺省为 false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
focus: 'series'
|
|
||||||
},
|
|
||||||
data:
|
|
||||||
this.mode === 'month'
|
|
||||||
? Array(30)
|
|
||||||
.fill(1)
|
|
||||||
.map(_ => {
|
|
||||||
let v = Math.floor(Math.random() * 100)
|
|
||||||
while (v < 80) {
|
|
||||||
v = Math.floor(Math.random() * 100)
|
|
||||||
}
|
|
||||||
return v
|
|
||||||
})
|
|
||||||
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
|
|
||||||
let v = Math.floor(Math.random() * 100)
|
|
||||||
while (v < 80) {
|
|
||||||
v = Math.floor(Math.random() * 100)
|
|
||||||
}
|
|
||||||
return v
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
// {
|
||||||
|
// name: '镀膜机',
|
||||||
|
// 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: '#1A99FF66' // 0% 处的颜色
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// offset: 1,
|
||||||
|
// color: 'transparent' // 100% 处的颜色
|
||||||
|
// }
|
||||||
|
// ],
|
||||||
|
// global: false // 缺省为 false
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// emphasis: {
|
||||||
|
// focus: 'series'
|
||||||
|
// },
|
||||||
|
// data:
|
||||||
|
// this.mode === 'month'
|
||||||
|
// ? Array(30)
|
||||||
|
// .fill(1)
|
||||||
|
// .map(_ => {
|
||||||
|
// let v = Math.floor(Math.random() * 100)
|
||||||
|
// while (v < 80) {
|
||||||
|
// v = Math.floor(Math.random() * 100)
|
||||||
|
// }
|
||||||
|
// return v
|
||||||
|
// })
|
||||||
|
// : [11, 199, 140, 63, 185, 5, 78].map(_ => {
|
||||||
|
// let v = Math.floor(Math.random() * 100)
|
||||||
|
// while (v < 80) {
|
||||||
|
// v = Math.floor(Math.random() * 100)
|
||||||
|
// }
|
||||||
|
// return v
|
||||||
|
// })
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: '包装纸',
|
||||||
|
// 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: '#A691FF66' // 0% 处的颜色
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// offset: 1,
|
||||||
|
// color: 'transparent' // 100% 处的颜色
|
||||||
|
// }
|
||||||
|
// ],
|
||||||
|
// global: false // 缺省为 false
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// emphasis: {
|
||||||
|
// focus: 'series'
|
||||||
|
// },
|
||||||
|
// data:
|
||||||
|
// this.mode === 'month'
|
||||||
|
// ? Array(30)
|
||||||
|
// .fill(1)
|
||||||
|
// .map(_ => {
|
||||||
|
// let v = Math.floor(Math.random() * 100)
|
||||||
|
// while (v < 80) {
|
||||||
|
// v = Math.floor(Math.random() * 100)
|
||||||
|
// }
|
||||||
|
// return v
|
||||||
|
// })
|
||||||
|
// : [11, 199, 140, 63, 185, 5, 78].map(_ => {
|
||||||
|
// let v = Math.floor(Math.random() * 100)
|
||||||
|
// while (v < 80) {
|
||||||
|
// v = Math.floor(Math.random() * 100)
|
||||||
|
// }
|
||||||
|
// return v
|
||||||
|
// })
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: '丝印',
|
||||||
|
// type: 'line',
|
||||||
|
// symbol: 'none',
|
||||||
|
|
||||||
|
// label: {
|
||||||
|
// show: true,
|
||||||
|
// position: 'top'
|
||||||
|
// },
|
||||||
|
// areaStyle: {
|
||||||
|
// // color: 'rgba(50,145,152,0.5)'
|
||||||
|
// color: {
|
||||||
|
// type: 'linear',
|
||||||
|
// x: 0,
|
||||||
|
// y: 0,
|
||||||
|
// x2: 0,
|
||||||
|
// y2: 1,
|
||||||
|
// colorStops: [
|
||||||
|
// {
|
||||||
|
// offset: 0,
|
||||||
|
// color: '#49FBD666' // 0% 处的颜色
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// offset: 1,
|
||||||
|
// color: 'transparent' // 100% 处的颜色
|
||||||
|
// }
|
||||||
|
// ],
|
||||||
|
// global: false // 缺省为 false
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// emphasis: {
|
||||||
|
// focus: 'series'
|
||||||
|
// },
|
||||||
|
// data:
|
||||||
|
// this.mode === 'month'
|
||||||
|
// ? Array(30)
|
||||||
|
// .fill(1)
|
||||||
|
// .map(_ => {
|
||||||
|
// let v = Math.floor(Math.random() * 100)
|
||||||
|
// while (v < 80) {
|
||||||
|
// v = Math.floor(Math.random() * 100)
|
||||||
|
// }
|
||||||
|
// return v
|
||||||
|
// })
|
||||||
|
// : [11, 199, 140, 63, 185, 5, 78].map(_ => {
|
||||||
|
// let v = Math.floor(Math.random() * 100)
|
||||||
|
// while (v < 80) {
|
||||||
|
// v = Math.floor(Math.random() * 100)
|
||||||
|
// }
|
||||||
|
// return v
|
||||||
|
// })
|
||||||
|
// }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -375,7 +375,7 @@ export default {
|
|||||||
this.configs.xAxis.data =
|
this.configs.xAxis.data =
|
||||||
this.mode === 'month'
|
this.mode === 'month'
|
||||||
? [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
|
? [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
|
||||||
: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
|
: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
|
||||||
|
|
||||||
// update series
|
// update series
|
||||||
this.configs.series.forEach(item => {
|
this.configs.series.forEach(item => {
|
||||||
|
Loading…
Reference in New Issue
Block a user