gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-19 16:29:17 +08:00
Code

fix: 概览页面样式调整

Browse Source
This commit is contained in:
ssongliu 2023-02-02 18:44:23 +08:00
parent b13efc5195
commit fa668f8956
1 changed files with 58 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
frontend/src/views/home/status/index.vue
View File

@ -184,39 +184,82 @@ const freshChart = (chartName: string, Title: string, Data: number) => {
textStyle: { textStyle: {
color: '#0f0f0f', color: '#0f0f0f',
lineHeight: 30, lineHeight: 30,
fontSize: 24, fontSize: 20,
fontWeight: '500', fontWeight: '400',
}, },
left: '50%', left: '50%',
top: '32%', top: '32%',
subtext: Title, subtext: Title,
subtextStyle: { subtextStyle: {
color: '#000000', color: '#000000',
fontSize: 18, fontSize: 14,
}, },
textAlign: 'center', textAlign: 'center',
}, },
], ],
series: [ polar: {
{ radius: ['72%', '92%'],
name: Title,
type: 'pie',
radius: ['75%', '96%'],
center: ['50%', '50%'], center: ['50%', '50%'],
color: ['#08a3f0', '#efefef'], },
label: { angleAxis: {
position: 'center', max: 100,
normal: { show: false,
},
radiusAxis: {
type: 'category',
show: true,
axisLabel: {
show: false,
},
axisLine: {
show: false,
},
axisTick: {
show: false, show: false,
}, },
}, },
data: [{ value: Data }, { value: 100 - Data }], series: [
{
type: 'bar',
roundCap: true,
barWidth: 30,
showBackground: true,
coordinateSystem: 'polar',
color: [
new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: 'rgba(81, 192, 255, .1)',
},
{
offset: 1,
color: '#4261F6',
},
]),
'#f2f2f2',
],
label: {
show: false,
},
data: [Data],
}, },
{ {
type: 'pie', type: 'pie',
radius: ['0%', '65%'], radius: ['0%', '55%'],
center: ['50%', '50%'], center: ['50%', '50%'],
hoverAnimation: false, label: {
show: false,
},
color: '#fff',
data: [
{
value: 0,
itemStyle: {
shadowColor: '#e3e3e3',
shadowBlur: 20,
},
},
],
}, },
], ],
}; };