From 0b30bfff87095df9038223893e6e847a78866ee1 Mon Sep 17 00:00:00 2001
From: Nelson Chan <chakflying@hotmail.com>
Date: Mon, 16 Aug 2021 23:58:02 +0800
Subject: [PATCH] Fix: Improve Chart axis, use 24Hr format

---
 src/components/PingChart.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/PingChart.vue b/src/components/PingChart.vue
index 0b41aa0d5..596ca004b 100644
--- a/src/components/PingChart.vue
+++ b/src/components/PingChart.vue
@@ -52,12 +52,19 @@ export default {
                     x: {
                         type: "time",
                         time: {
-                            unit: "minute",
+                            minUnit: "minute",
+                            round: "second",
+                            tooltipFormat: "YYYY-MM-DD HH:mm:ss",
+                            displayFormats: {
+                                minute: "HH:mm",
+                                hour: "MM-DD HH:mm",
+                            }
                         },
                         ticks: {
                             maxRotation: 0,
-                            autoSkipPadding: 10,
+                            autoSkipPadding: 30,
                         },
+                        bounds: "ticks",
                         grid: {
                             color: this.$root.theme === "light" ? "rgba(0,0,0,0.1)" : "rgba(255,255,255,0.1)",
                         },
@@ -65,7 +72,7 @@ export default {
                     y: {
                         title: {
                             display: true,
-                            text: "Response Time (ms)",
+                            text: "Resp. Time (ms)",
                         },
                         offset: false,
                         grid: {