diff --git a/frontend/src/components/Service/AdvancedChart.vue b/frontend/src/components/Service/AdvancedChart.vue
index 2a340c9a..650ef519 100644
--- a/frontend/src/components/Service/AdvancedChart.vue
+++ b/frontend/src/components/Service/AdvancedChart.vue
@@ -130,10 +130,10 @@
let ts = w.globals.seriesX[seriesIndex][dataPointIndex];
const dt = new Date(ts).toLocaleDateString("en-us", timeoptions)
let val = series[seriesIndex][dataPointIndex];
- if (val >= 1000) {
- val = (val * 0.1).toFixed(0) + " milliseconds"
+ if (val >= 10000) {
+ val = Math.round(val / 1000) + " ms"
} else {
- val = (val * 0.01).toFixed(0) + " microseconds"
+ val = val + " μs"
}
return `
Response Time: ${val}${dt}
`
},
diff --git a/frontend/src/components/Service/MiniSparkLine.vue b/frontend/src/components/Service/MiniSparkLine.vue
index 12f8aa38..e5141ca0 100644
--- a/frontend/src/components/Service/MiniSparkLine.vue
+++ b/frontend/src/components/Service/MiniSparkLine.vue
@@ -55,7 +55,7 @@
show: false,
},
y: {
- formatter: (value) => { return value + "%" },
+ formatter: (value) => { return value + " %" },
},
},
title: {
diff --git a/frontend/src/components/Service/ServiceChart.vue b/frontend/src/components/Service/ServiceChart.vue
index 1e0cfba8..14283cee 100644
--- a/frontend/src/components/Service/ServiceChart.vue
+++ b/frontend/src/components/Service/ServiceChart.vue
@@ -113,12 +113,12 @@
let ts = w.globals.seriesX[seriesIndex][dataPointIndex];
const dt = new Date(ts).toLocaleDateString("en-us", timeoptions)
let val = series[seriesIndex][dataPointIndex];
- let humanVal = this.humanTime(val);
- return `
- Average Response Time:
- ${humanVal}
- ${dt}
-
`
+ if (val >= 10000) {
+ val = Math.round(val / 1000) + " ms"
+ } else {
+ val = val + " μs"
+ }
+ return `Average Response Time: ${val}${dt}
`
},
fixed: {
enabled: true,
@@ -130,7 +130,7 @@
show: false,
},
y: {
- formatter: (value) => { return value + "%" },
+ formatter: (value) => { return value + " %" },
},
},
legend: {
diff --git a/frontend/src/components/Service/ServiceInfo.vue b/frontend/src/components/Service/ServiceInfo.vue
index d12b80be..0da750f0 100644
--- a/frontend/src/components/Service/ServiceInfo.vue
+++ b/frontend/src/components/Service/ServiceInfo.vue
@@ -23,7 +23,7 @@
- {{service.online_24_hours.toString()}}%
+ {{service.online_24_hours.toString()}} %
Total Uptime
@@ -83,7 +83,7 @@
- {{service.online_7_days}}% Uptime
+ {{service.online_7_days}} % Uptime
@@ -186,7 +186,7 @@
total += parseInt(f.y)
});
total = total / data.length
- return total.toFixed(0) + "ms"
+ return Math.round(total) + " ms"
} else {
return "Offline"
}
diff --git a/frontend/src/components/Service/ServiceSparkLine.vue b/frontend/src/components/Service/ServiceSparkLine.vue
index 980e8b4f..296cf4c8 100644
--- a/frontend/src/components/Service/ServiceSparkLine.vue
+++ b/frontend/src/components/Service/ServiceSparkLine.vue
@@ -55,11 +55,7 @@
let ts = w.globals.seriesX[seriesIndex][dataPointIndex];
const dt = new Date(ts).toLocaleDateString("en-us", timeoptions)
let val = series[seriesIndex][dataPointIndex];
- if (val >= 1000) {
- val = (val * 0.1).toFixed(0) + " milliseconds"
- } else {
- val = (val * 0.01).toFixed(0) + " microseconds"
- }
+ val = val + " ms"
return `Average Response Time: ${val}${dt}
`
},
fixed: {
@@ -72,7 +68,7 @@
show: false,
},
y: {
- formatter: (value) => { return value + "%" },
+ formatter: (value) => { return value + " %" },
},
},
title: {
diff --git a/frontend/src/components/Service/ServiceTopStats.vue b/frontend/src/components/Service/ServiceTopStats.vue
index d7bc49a1..e6baf0f3 100644
--- a/frontend/src/components/Service/ServiceTopStats.vue
+++ b/frontend/src/components/Service/ServiceTopStats.vue
@@ -5,11 +5,11 @@
Average Response
- {{service.online_24_hours}}%
+ {{service.online_24_hours}} %
Uptime last 24 Hours
- {{service.online_7_days}}%
+ {{service.online_7_days}} %
Uptime last 7 Days
diff --git a/frontend/src/mixin.js b/frontend/src/mixin.js
index 74dc8552..65b6b4ba 100644
--- a/frontend/src/mixin.js
+++ b/frontend/src/mixin.js
@@ -166,10 +166,10 @@ export default Vue.mixin({
return {data: newSet}
},
humanTime(val) {
- if (val >= 10000) {
- return Math.floor(val / 10000) + "ms"
+ if (val >= 1000) {
+ return Math.round(val / 1000) + " ms"
}
- return Math.floor(val / 1000) + "μs"
+ return val + " μs"
},
firstDayOfMonth(date) {
return startOfMonth(date)
diff --git a/frontend/src/pages/Service.vue b/frontend/src/pages/Service.vue
index c32f2aa8..8e2d93ff 100644
--- a/frontend/src/pages/Service.vue
+++ b/frontend/src/pages/Service.vue
@@ -269,10 +269,10 @@ export default {
let ts = w.globals.seriesX[seriesIndex][dataPointIndex];
const dt = new Date(ts).toLocaleDateString("en-us", timeoptions)
let val = series[seriesIndex][dataPointIndex];
- if (val >= 1000) {
- val = (val * 0.1).toFixed(0) + " milliseconds"
+ if (val >= 10000) {
+ val = Math.round(val / 1000) + " ms"
} else {
- val = (val * 0.01).toFixed(0) + " microseconds"
+ val = val + " μs"
}
return `Response Time: ${val}${dt}
`
},