From 98634f4a1921869420c97299fe87a0e1dce8dafe Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Mon, 2 Feb 2026 14:55:09 +0100
Subject: [PATCH] fix Y-Label ui regression from echarts update

---
 .../Common/Reporting/ReportingChart.vue       | 11 ++-----
 .../Dashboard/DayOverviewCardChart.vue        | 30 ++-----------------
 .../Components/Dashboard/ThisWeekOverview.vue | 15 ++++------
 3 files changed, 10 insertions(+), 46 deletions(-)

diff --git a/resources/js/Components/Common/Reporting/ReportingChart.vue b/resources/js/Components/Common/Reporting/ReportingChart.vue
index 241ed88b..4a735324 100644
--- a/resources/js/Components/Common/Reporting/ReportingChart.vue
+++ b/resources/js/Components/Common/Reporting/ReportingChart.vue
@@ -107,9 +107,7 @@ const option = computed(() => ({
             },
         },
         axisLine: {
-            lineStyle: {
-                color: 'transparent', // Set desired color here
-            },
+            show: false,
         },
         axisLabel: {
             fontSize: 12,
@@ -119,16 +117,13 @@ const option = computed(() => ({
             fontFamily: 'Inter, sans-serif',
         },
         axisTick: {
-            lineStyle: {
-                color: 'transparent', // Set desired color here
-            },
+            show: false,
         },
     },
     yAxis: {
         type: 'value',
         axisLabel: {
-            color: labelColor.value,
-            fontFamily: 'Inter, sans-serif',
+            show: false,
         },
         splitLine: {
             lineStyle: {
diff --git a/resources/js/Components/Dashboard/DayOverviewCardChart.vue b/resources/js/Components/Dashboard/DayOverviewCardChart.vue
index cdea77a5..ee868577 100644
--- a/resources/js/Components/Dashboard/DayOverviewCardChart.vue
+++ b/resources/js/Components/Dashboard/DayOverviewCardChart.vue
@@ -8,7 +8,6 @@ const props = defineProps<{
 }>();
 
 const accentColor = useCssVariable('--theme-color-chart');
-const markLineColor = useCssVariable('--color-border-secondary');
 
 const seriesData = computed(() =>
     props.history.map((el) => {
@@ -36,36 +35,11 @@ const option = computed(() => ({
     xAxis: {
         type: 'category',
         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-        markLine: {
-            lineStyle: {
-                color: markLineColor.value,
-                type: 'dashed',
-            },
-        },
-        axisLine: {
-            lineStyle: {
-                color: 'transparent', // Set desired color here
-            },
-        },
-        axisLabel: {
-            fontSize: 16,
-            fontWeight: 600,
-            margin: 24,
-            fontFamily: 'Inter, sans-serif',
-        },
-        axisTick: {
-            lineStyle: {
-                color: 'transparent', // Set desired color here
-            },
-        },
+        show: false,
     },
     yAxis: {
         type: 'value',
-        splitLine: {
-            lineStyle: {
-                color: 'transparent', // Set desired color here
-            },
-        },
+        show: false,
     },
     series: [
         {
diff --git a/resources/js/Components/Dashboard/ThisWeekOverview.vue b/resources/js/Components/Dashboard/ThisWeekOverview.vue
index 6ca2316b..f886fa94 100644
--- a/resources/js/Components/Dashboard/ThisWeekOverview.vue
+++ b/resources/js/Components/Dashboard/ThisWeekOverview.vue
@@ -193,28 +193,23 @@ const option = computed(() => {
             type: 'category',
             data: weekdays.value,
             axisLine: {
-                lineStyle: {
-                    color: 'transparent', // Set desired color here
-                },
+                show: false,
             },
             axisLabel: {
-                fontSize: 16,
-                fontWeight: 600,
+                fontSize: 14,
+                fontWeight: 500,
                 margin: 24,
                 fontFamily: 'Inter, sans-serif',
                 color: labelColor.value,
             },
             axisTick: {
-                lineStyle: {
-                    color: 'transparent', // Set desired color here
-                },
+                show: false,
             },
         },
         yAxis: {
             type: 'value',
             axisLabel: {
-                color: labelColor.value,
-                fontFamily: 'Inter, sans-serif',
+                show: false,
             },
             splitLine: {
                 lineStyle: {