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

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

@ -216,14 +216,26 @@ export default {
processCpu: { processCpu: {
content: null, content: null,
legend: ['mysqld.exe', 'svchost.exe'], 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: [], xData: [],
data: [], data: [],
}, },
processMenbry: { processMenbry: {
content: null, content: null,
legend: ['mysqld.exe', 'svchost.exe'], 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: [], xData: [],
data: [], data: [],
}, },
@ -242,7 +254,6 @@ export default {
showSizeChanger: true, showSizeChanger: true,
total: 0, total: 0,
}, },
xData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
rankData: {}, rankData: {},
} }
}, },
@ -525,12 +536,12 @@ export default {
type: 'line', type: 'line',
name: item.name, name: item.name,
symbol: 'none', symbol: 'none',
itemStyle: { normal: { color: this.processCpu.color[index] } }, itemStyle: { normal: { color: this.processCpu.color[index][0] } },
areaStyle: { areaStyle: {
normal: { normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: this.processCpu.color[index] }, { offset: 0, color: this.processCpu.color[index][0] },
{ offset: 1, color: 'rgba(255,255,255,0)' }, { offset: 1, color: this.processCpu.color[index][1] },
]), ]),
}, },
}, },
@ -599,12 +610,12 @@ export default {
type: 'line', type: 'line',
name: item.name, name: item.name,
symbol: 'none', symbol: 'none',
itemStyle: { normal: { color: this.processCpu.color[index] } }, itemStyle: { normal: { color: this.processMenbry.color[index][0] } },
areaStyle: { areaStyle: {
normal: { normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: this.processCpu.color[index] }, { offset: 0, color: this.processMenbry.color[index][0] },
{ offset: 1, color: 'rgba(255,255,255,0)' }, { offset: 1, color: this.processMenbry.color[index][1] },
]), ]),
}, },
}, },