From 2032f49345af6f730ee7b521e530fbdd85a09487 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Fri, 20 Sep 2024 15:14:54 +0200
Subject: [PATCH] fix(dashboard): better dashed line for charts

---
 apps/dashboard/src/components/report-chart/line/chart.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/src/components/report-chart/line/chart.tsx b/apps/dashboard/src/components/report-chart/line/chart.tsx
index 55550d83..96b7c74b 100644
--- a/apps/dashboard/src/components/report-chart/line/chart.tsx
+++ b/apps/dashboard/src/components/report-chart/line/chart.tsx
@@ -217,6 +217,7 @@ export function Chart({ data }: Props) {
                       fill={`url(#color${color})`}
                       type={lineType}
                       isAnimationActive={false}
+                      strokeWidth={0}
                       fillOpacity={0.1}
                     />
                   )}
@@ -230,7 +231,8 @@ export function Chart({ data }: Props) {
                         strokeWidth={2}
                         dataKey={`${serie.id}:count`}
                         stroke={`url('#hideAllButLastInterval_${serie.id}')`}
-                        strokeDasharray="4 2"
+                        strokeDasharray="2 4"
+                        strokeLinecap="round"
                         strokeOpacity={0.7}
                       />
                       <Line