admin/nexus-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update StatusCharts.vue

Browse Source
This commit is contained in:
Baobhan Sith
2025-05-12 12:25:06 +08:00
parent 2995ff07b7
commit 2a5551b42e
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/StatusCharts.vue
+14 -6
View File
@@ -243,7 +243,8 @@ const networkChartOptions = ref<ChartOptions<'line'>>({
label += ': '; label += ': ';
} }
if (context.parsed.y !== null) { if (context.parsed.y !== null) {
const value = parseFloat(context.parsed.y.toFixed(1)); const precision = networkRateUnitIsMB.value ? 2 : 1;
const value = parseFloat(context.parsed.y.toFixed(precision));
label += `${value} ${networkRateUnitIsMB.value ? 'MB/s' : 'KB/s'}`; label += `${value} ${networkRateUnitIsMB.value ? 'MB/s' : 'KB/s'}`;
} }
return label; return label;
@@ -259,7 +260,14 @@ const networkChartOptions = ref<ChartOptions<'line'>>({
ticks: { ticks: {
color: '#9CA3AF', color: '#9CA3AF',
callback: function(value) { callback: function(value) {
return `${parseFloat(Number(value).toFixed(1))}`; const precision = networkRateUnitIsMB.value ? 2 : 0; // KB/s usually whole numbers, MB/s two decimal places
// For KB/s, if the value is very small (e.g. < 1), it might be better to show 1 decimal.
// However, for simplicity and typical KB/s display, 0 is often fine.
// Let's adjust for KB to show 1 decimal if it's not a whole number and small.
if (!networkRateUnitIsMB.value && Number(value) !== parseInt(String(value)) && Number(value) < 100) {
return `${Number(value).toFixed(1)}`;
}
return `${Number(value).toFixed(precision)}`;
} }
}, },
grid: { color: 'rgba(156, 163, 175, 0.1)' }, grid: { color: 'rgba(156, 163, 175, 0.1)' },
@@ -354,15 +362,15 @@ const updateCharts = (newStatus: ServerStatusData | null) => {
if (!networkRateUnitIsMB.value && (currentNetRxRateKB >= KB_TO_MB_THRESHOLD || currentNetTxRateKB >= KB_TO_MB_THRESHOLD)) { if (!networkRateUnitIsMB.value && (currentNetRxRateKB >= KB_TO_MB_THRESHOLD || currentNetTxRateKB >= KB_TO_MB_THRESHOLD)) {
networkRateUnitIsMB.value = true; networkRateUnitIsMB.value = true;
newNetRxData = newNetRxData.map(d => parseFloat((d / KB_TO_MB_THRESHOLD).toFixed(1))); newNetRxData = newNetRxData.map(d => parseFloat((d / KB_TO_MB_THRESHOLD).toFixed(2)));
newNetTxData = newNetTxData.map(d => parseFloat((d / KB_TO_MB_THRESHOLD).toFixed(1))); newNetTxData = newNetTxData.map(d => parseFloat((d / KB_TO_MB_THRESHOLD).toFixed(2)));
networkChartKey.value++; networkChartKey.value++;
} }
let newRxValue, newTxValue; let newRxValue, newTxValue;
if (networkRateUnitIsMB.value) { if (networkRateUnitIsMB.value) {
newRxValue = parseFloat((currentNetRxRateKB / KB_TO_MB_THRESHOLD).toFixed(1)); newRxValue = parseFloat((currentNetRxRateKB / KB_TO_MB_THRESHOLD).toFixed(2));
newTxValue = parseFloat((currentNetTxRateKB / KB_TO_MB_THRESHOLD).toFixed(1)); newTxValue = parseFloat((currentNetTxRateKB / KB_TO_MB_THRESHOLD).toFixed(2));
} else { } else {
newRxValue = parseFloat(currentNetRxRateKB.toFixed(1)); newRxValue = parseFloat(currentNetRxRateKB.toFixed(1));
newTxValue = parseFloat(currentNetTxRateKB.toFixed(1)); newTxValue = parseFloat(currentNetTxRateKB.toFixed(1));