CN-JS-HuiBai/PromdataPanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

优化时间点

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-06 16:02:01 +08:00
parent b2f6f7d2d0
commit d0455fb032
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/js/chart.js
View File

@@ -330,7 +330,7 @@ class MetricChart {
this.data = { timestamps: [], values: [], series: null };
this.unit = unit; // '%', 'B/s', etc.
this.dpr = window.devicePixelRatio || 1;
this.padding = { top: 10, right: 10, bottom: 20, left: 60 };
this.padding = { top: 10, right: 10, bottom: 35, left: 60 };
this.animProgress = 0;
this.prevMaxVal = 0;
@@ -462,6 +462,20 @@ class MetricChart {
ctx.fillText(label, p.left - 8, y + 3);
}
// X-axis Timeline
ctx.fillStyle = '#5a6380';
ctx.font = '9px "JetBrains Mono", monospace';
ctx.textAlign = 'center';
const labelInterval = Math.max(1, Math.floor(len / 5));
for (let i = 0; i < len; i += labelInterval) {
const x = getX(i);
ctx.fillText(formatTime(timestamps[i]), x, h - 8);
}
// Always show last label if not already shown
if ((len - 1) % labelInterval !== 0) {
ctx.fillText(formatTime(timestamps[len - 1]), getX(len - 1), h - 8);
}
if (series) {
// Draw Stacked Area
const modes = [