From 70ddf8908170790fb603a9ea59a9cdc61b313438 Mon Sep 17 00:00:00 2001
From: Mads Mogensen <mail@madsmogensen.dk>
Date: Fri, 1 Dec 2023 13:42:58 +0100
Subject: [PATCH] Hide x-axis and only display y-axis as integers

---
 CentralHub.WebUI/Pages/Charts.razor | 76 ++++++++++++++++++++++++++---
 1 file changed, 70 insertions(+), 6 deletions(-)

diff --git a/CentralHub.WebUI/Pages/Charts.razor b/CentralHub.WebUI/Pages/Charts.razor
index 8242d92..fcad1f1 100644
--- a/CentralHub.WebUI/Pages/Charts.razor
+++ b/CentralHub.WebUI/Pages/Charts.razor
@@ -18,7 +18,7 @@
                     TItem="AggregatedMeasurements"
                     Items="_data1"
                     Name="Min - Max"
-                    XValue="e => e.EndTime"
+                    XValue="e => e.EndTime.ToUnixTimeMilliseconds()"
                     Top="e => e.WifiMax"
                     Bottom="e => e.WifiMin"
                     Stroke="@(new SeriesStroke{ Width=0 })"
@@ -28,7 +28,7 @@
                     Items="_data1"
                     Name="Median"
                     SeriesType="SeriesType.Line"
-                    XValue="e => e.EndTime"
+                    XValue="e => e.EndTime.ToUnixTimeMilliseconds()"
                     YValue="e => e.WifiMedian"
                     Stroke="@(new SeriesStroke{ Width=3, DashSpace=3, Color="#ff3300" })"
                 />
@@ -37,7 +37,7 @@
                     Items="_data1"
                     Name="Mean"
                     SeriesType="SeriesType.Line"
-                    XValue="e => e.EndTime"
+                    XValue="e => e.EndTime.ToUnixTimeMilliseconds()"
                     YValue="e => (decimal)e.WifiMean"
                     Stroke="@(new SeriesStroke{ Width=3, DashSpace=3, Color="#0033ff" })"
                 />
@@ -49,7 +49,7 @@
                     TItem="AggregatedMeasurements"
                     Items="_data2"
                     Name="Min - Max"
-                    XValue="e => e.EndTime"
+                    XValue="e => e.EndTime.ToUnixTimeMilliseconds()"
                     Top="e => e.BluetoothMax"
                     Bottom="e => e.BluetoothMin"
                     Stroke="@(new SeriesStroke{ Width=0 })"
@@ -59,7 +59,7 @@
                     Items="_data2"
                     Name="Median"
                     SeriesType="SeriesType.Line"
-                    XValue="e => e.EndTime"
+                    XValue="e => e.EndTime.ToUnixTimeMilliseconds()"
                     YValue="e => e.BluetoothMedian"
                     Stroke="@(new SeriesStroke{ Width=3, DashSpace=3, Color="#ff3300" })"
                 />
@@ -68,7 +68,7 @@
                     Items="_data2"
                     Name="Mean"
                     SeriesType="SeriesType.Line"
-                    XValue="e => e.EndTime"
+                    XValue="e => e.EndTime.ToUnixTimeMilliseconds()"
                     YValue="e => (decimal)e.BluetoothMean"
                     Stroke="@(new SeriesStroke{ Width=3, DashSpace=3, Color="#0033ff" })"
                 />
@@ -104,6 +104,38 @@
         {
             Opacity = new List<double> { 0.24, 1, 1 }
         };
+
+        _options1.Yaxis = new List<YAxis>()
+        {
+            new YAxis()
+            {
+                Labels = new ()
+                {
+                    Formatter = @"
+                    function (val) {
+                        return val.toFixed(0);
+                    }
+                    ",
+                },
+            },
+        };
+
+        _options1.Tooltip = new Tooltip()
+        {
+            Y = new TooltipY()
+            {
+                Formatter = @"
+                function (val) {
+                    return val.toString();
+                }
+                ",
+            },
+        };
+
+        _options1.Xaxis = new XAxis()
+        {
+            Type = XAxisType.Datetime,
+        };
         
         _options2.Chart = new Chart()
         {
@@ -115,6 +147,38 @@
         {
             Opacity = new List<double> { 0.24, 1, 1 }
         };
+
+        _options2.Yaxis = new List<YAxis>()
+        {
+            new YAxis()
+            {
+                Labels = new ()
+                {
+                    Formatter = @"
+                    function (val) {
+                        return val.toFixed(0);
+                    }
+                    ",
+                },
+            },
+        };
+
+        _options2.Tooltip = new Tooltip()
+        {
+            Y = new TooltipY()
+            {
+                Formatter = @"
+                function (val) {
+                    return val.toString();
+                }
+                ",
+            },
+        };
+
+        _options2.Xaxis = new XAxis()
+        {
+            Type = XAxisType.Datetime,
+        };
     }
 
     public void Dispose()