From fa45d784a6c89f7c9b7e3b6ec5b80824a89cd2e5 Mon Sep 17 00:00:00 2001
From: Antoine Gersant <antoine.gersant@lesforges.org>
Date: Wed, 16 Oct 2024 01:37:17 -0700
Subject: [PATCH] Chart atyling

---
 src/components/playback/Stats.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/playback/Stats.vue b/src/components/playback/Stats.vue
index 5a173a6..e673fc6 100644
--- a/src/components/playback/Stats.vue
+++ b/src/components/playback/Stats.vue
@@ -95,11 +95,11 @@ const genreChartOptions = computed(() => ({
     yaxis: { labels: { style: { colors: "#00000000" } } }, // Draw transparent. Disabling these entirely misaligns the chart.
 }));
 
-const minYear = 2012;
+const minYear = 2009;
 const maxYear = 2025;
 
 const yearSeries = [{
-    data: [...Array(1 + maxYear - minYear).keys()].map(n => [minYear + n, Math.floor((n * 165654 + n * n / 2) % 7)]),
+    data: [...Array(1 + maxYear - minYear).keys()].map(n => [`${minYear + n}-01-01`, Math.floor((n * 123654 + (n % 4) * n / 2) % 7)]),
 }];
 
 const yearChartOptions = {
@@ -125,22 +125,20 @@ const yearChartOptions = {
     stroke: { curve: "smooth" },
     tooltip: { enabled: false },
     xaxis: {
-        axisBorder: { show: false },
+        axisBorder: { color: toHex(surface200.value) },
         axisTicks: {
             color: toHex(surface400.value),
         },
         decimalsInFloat: 0,
         labels: {
-            offsetY: 8,
             rotateAlways: true,
             style: {
                 colors: toHex(surface500.value),
                 fontSize: "12px",
-                fontWeight: 500,
                 fontFamily: "InterVariable",
             },
         },
-        type: "numeric",
+        type: "datetime",
     },
     yaxis: {
         axisBorder: { show: false },