From 4b9e7e9218c64ebe726c0db51b9a9db81f2f9d47 Mon Sep 17 00:00:00 2001 From: Sammy-T Date: Tue, 16 Mar 2021 03:55:21 -0400 Subject: [PATCH] Adjust Bar Chart x-axis labels to prevent overlap --- components/metrics/BarChart.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/components/metrics/BarChart.js b/components/metrics/BarChart.js index 856e81e8..391f869b 100644 --- a/components/metrics/BarChart.js +++ b/components/metrics/BarChart.js @@ -54,9 +54,12 @@ export default function BarChart({ } return index % 5 === 0 ? dateFormat(d, 'M/d', locale) : ''; } - if (w <= 500) { + if (w <= 750) { return index % 2 === 0 ? dateFormat(d, 'MMM d', locale) : ''; } + if (w <= 850) { + return dateFormat(d, 'MMM d', locale); + } return dateFormat(d, 'EEE M/d', locale); case 'month': if (w <= 660) {