KJZH001/nezha-2024
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化server-status主题首页网络图表 (#378)

Browse Source
This commit is contained in:
nap0o 2024-06-25 10:16:32 -04:00 committed by GitHub
parent 8805dffe85
commit 61127b3435
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
resource/template/theme-server-status/home.html vendored
View File

@ -533,6 +533,21 @@
connectNulls: true
};
});
const legendData = chartData.map(item => item.monitor_name);
const maxLegendsPerRowMobile = localStorage.getItem("maxLegendsPerRowMobile") ? localStorage.getItem("maxLegendsPerRowMobile") : 3;
const maxLegendsPerRowPc = localStorage.getItem("maxLegendsPerRowPc") ? localStorage.getItem("maxLegendsPerRowPc") : 6;
const autoIncrement = Math.floor((legendData.length - 1) / (isMobile ? maxLegendsPerRowMobile : maxLegendsPerRowPc)) * (isMobile ? 20 : 28)
const height = 300 + autoIncrement;
const gridTop = 40 + autoIncrement;
const legendIcon = isMobile ? 'rect' : "";
const itemWidth = isMobile ? 10 : 25;
const itemHeight = isMobile ? 10 : 14;
chart.resize({
width: 'auto',
height: height
});
const option = {
backgroundColor: backgroundColor,
title: {
@ -548,8 +563,9 @@
}
},
legend: {
data: chartData.map(item => item.monitor_name),
data: legendData,
show: true,
icon: legendIcon,
textStyle: {
fontSize: fontSize,
color: fontColor
@ -557,7 +573,9 @@
top: legendTop,
bottom: 0,
left: legendLeft,
padding: legendPadding
padding: legendPadding,
itemWidth: itemWidth,
itemHeight: itemHeight,
},
xAxis: {
type: 'time',
@ -589,7 +607,7 @@
color: fontColor
},
grid: {
top: '40',
top: gridTop,
left: gridLeft,
right: gridRight
}