From f5cf39c7bb16690325ce44cc035c9678390404b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?D=C4=B5=20=CE=9D=CE=B9=CE=93=CE=9E=CE=97=CE=9B=CF=88=CE=9A?=
 <djnitehawk83@gmail.com>
Date: Sun, 16 Apr 2023 21:43:09 +0530
Subject: [PATCH] pv graph style

---
 src/Client/Pages/PVGenForDay.razor | 18 +++++++++++++-----
 src/changelog.md                   |  3 ++-
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/Client/Pages/PVGenForDay.razor b/src/Client/Pages/PVGenForDay.razor
index f381d9f..86489ba 100644
--- a/src/Client/Pages/PVGenForDay.razor
+++ b/src/Client/Pages/PVGenForDay.razor
@@ -22,7 +22,7 @@
                 <span class="oi oi-arrow-thick-right"></span>
             </button>
         </h3>
-        <Line Data="day.WattPeaks" Config="config" />
+        <Area Data="day.WattPeaks" Config="aConf" />
         <h4 class="bg-light text-center p-3">
             Total Generation: <b>@day.TotalKiloWattHours</b> kWh
         </h4>
@@ -32,14 +32,22 @@
 @code{
     private PVDay? day;
 
-    private LineConfig config = new ()
+    private AreaConfig aConf = new()
     {
-        Title = new(),
         Padding = "auto",
-        ForceFit = true,
+        AutoFit = true,
         XField = "Time",
         YField = "Watts",
-        Smooth = false
+        Smooth = false,
+        Line = new()
+        {
+             Size = 1,
+                Color = "#5598d7"
+        },
+        AreaStyle = new()
+        {
+            Fill = "l(270) 0:#ffffff 0.5:#7ec2f3 1:#1890ff",
+        }
     };
 
     protected override async Task OnInitializedAsync()
diff --git a/src/changelog.md b/src/changelog.md
index dbc6e62..eba8049 100644
--- a/src/changelog.md
+++ b/src/changelog.md
@@ -1,3 +1,4 @@
 ## changelog
 - disable buttons in settings page until data is loaded in (applies only to trouble mode)
-- pre-allocate pv graph slots
\ No newline at end of file
+- pre-allocate pv graph slots
+- change pv graph style
\ No newline at end of file