Fix overlapping x-axis dates on small screens

oslokommune · Nov 23, 2023 · f8e59a0 · f8e59a0
1 parent ab7d8fe
commit f8e59a0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -42,6 +42,7 @@ All notable changes to this project will be documented in this file. The format
   of parent measurements when switching between items.
 - The edit button for key result values is now only visible to users with the
   appropriate permissions.
+- Fixed overlapping dates on the x-axis of some line plots on small screens.
 
 ### Security
 

diff --git a/src/util/LineChart/index.js b/src/util/LineChart/index.js
@@ -183,7 +183,7 @@ export default class LineChart {
       .call(
         axisBottom(this.x)
           .tickFormat((d) => formatDate(d, daysBetween))
-          .ticks(Math.min(Math.ceil(daysBetween) || 1, 6))
+          .ticks(Math.min(Math.ceil(daysBetween) || 1, 5))
       )
       .call(styleAxisX);