From 49efb7faf32cae894a6db66d9d5f9bc195b109a3 Mon Sep 17 00:00:00 2001
From: Jordan Dialpuri <44945647+Dialpuri@users.noreply.github.com>
Date: Tue, 16 Jan 2024 16:23:30 +0000
Subject: [PATCH] Update appearance settings of GlycansVsYear graph

Updated y-axis, x-axis, and legend attributes to improve visibility in GlycansVsYear graph. For real-time updates and relevance, the graphical representation now includes the last updated date fetched from the data source.

Signed-off-by: Jordan Dialpuri <44945647+Dialpuri@users.noreply.github.com>
---
 .../src/statistics/Graphs/GlycansVsYear.tsx   | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/webapp/src/statistics/Graphs/GlycansVsYear.tsx b/webapp/src/statistics/Graphs/GlycansVsYear.tsx
index 9b378d97..85a85da6 100644
--- a/webapp/src/statistics/Graphs/GlycansVsYear.tsx
+++ b/webapp/src/statistics/Graphs/GlycansVsYear.tsx
@@ -153,19 +153,36 @@ export default function GlycansVsYear() {
                         text: 'Number of Depositions',
                     },
                     tickformat: ',.0f',
+                    linewidth: 2,
+                    mirror: true,
+                    automargin: true,
+                    ticksuffix: " ",
+                    tickprefix: "    "
+
                 },
                 yaxis2: {
-                    side: 'right',
                     overlaying: 'y',
                     tickformat: ',.0f',
+                    tickmode: 'auto',
+                    // anchor: 'free',
+                    side: 'right',
+                    automargin: true,
+                    tickprefix: "  ",
+                    range: [0, 16000]
                 },
                 xaxis: {
                     title: {
                         text: 'Year',
                     },
+                    linecolor: 'black',
+                    linewidth: 2,
+                    mirror: true,
+                    tickmode: 'auto',
+
                 },
+
                 legend: {
-                    x: 1.1,
+                    x: 1.15,
                     y: 0.5,
                     // bgcolor: '#FFFFFF',
                 },