xiaoguangbin/AnalysisSystemForRadionuclide_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

alarm 模块 SERVICE AND PROCESS tab 页面图表调整，及代码优化

Browse Source 
alarm 模块 CPU tab 页面图表标题调整
This commit is contained in:
任珮宇 2023-10-10 15:59:37 +08:00
parent 7454b9fbf9
commit 7e33d014d4
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/abnormalAlarm/serverMonitor/instances/cpu.vue
View File

@ -813,7 +813,6 @@ export default {
&-item {
width: 100%;
height: 100%;
// background: #ade6ee;
&-chart {
width: 100%;
height: calc(100% - 40px);
@ -831,7 +830,7 @@ export default {
font-size: 14px;
font-weight: normal;
color: #ffffff;
margin-left: 10px;
// margin-left: 5px;
span {
color: #00e9fe;
background: none;

29
src/views/abnormalAlarm/serverMonitor/instances/serviceProcess.vue
View File

@ -216,14 +216,26 @@ export default {
processCpu: {
content: null,
legend: ['mysqld.exe', 'svchost.exe'],
color: ['#2d5cd3', '#60cae8', '#1ab060', '#ffbf44', '#e86954', 'red'],
color: [
['rgb(45, 92, 211)', 'rgba(45, 92, 211,0)'],
['rgb(96, 202, 232)', 'rgba(96, 202, 232,0)'],
['rgb(26, 176, 96)', 'rgba(26, 176, 96,0)'],
['rgb(255, 191, 68)', 'rgba(255, 191, 68,0)'],
['rgb(232, 105, 84)', 'rgba(232, 105, 84,0)'],
],
xData: [],
data: [],
},
processMenbry: {
content: null,
legend: ['mysqld.exe', 'svchost.exe'],
color: ['#2d5cd3', '#60cae8', '#1ab060', '#ffbf44', '#e86954', 'red'],
color: [
['rgb(45, 92, 211)', 'rgba(45, 92, 211,0)'],
['rgb(96, 202, 232)', 'rgba(96, 202, 232,0)'],
['rgb(26, 176, 96)', 'rgba(26, 176, 96,0)'],
['rgb(255, 191, 68)', 'rgba(255, 191, 68,0)'],
['rgb(232, 105, 84)', 'rgba(232, 105, 84,0)'],
],
xData: [],
data: [],
},
@ -242,7 +254,6 @@ export default {
showSizeChanger: true,
total: 0,
},
xData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
rankData: {},
}
},
@ -525,12 +536,12 @@ export default {
type: 'line',
name: item.name,
symbol: 'none',
itemStyle: { normal: { color: this.processCpu.color[index] } },
itemStyle: { normal: { color: this.processCpu.color[index][0] } },
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: this.processCpu.color[index] },
{ offset: 1, color: 'rgba(255,255,255,0)' },
{ offset: 0, color: this.processCpu.color[index][0] },
{ offset: 1, color: this.processCpu.color[index][1] },
]),
},
},
@ -599,12 +610,12 @@ export default {
type: 'line',
name: item.name,
symbol: 'none',
itemStyle: { normal: { color: this.processCpu.color[index] } },
itemStyle: { normal: { color: this.processMenbry.color[index][0] } },
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: this.processCpu.color[index] },
{ offset: 1, color: 'rgba(255,255,255,0)' },
{ offset: 0, color: this.processMenbry.color[index][0] },
{ offset: 1, color: this.processMenbry.color[index][1] },
]),
},
},