From c462d6c4fa26bad5c1b61c5cd8de961108dbd694 Mon Sep 17 00:00:00 2001
From: Patrick Browne <pt.browne@gmail.com>
Date: Wed, 16 Feb 2022 10:49:31 +0100
Subject: [PATCH] feat: Tweak error bar width and center the whisker central
 line

---
 app/charts/column/columns-simple.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/charts/column/columns-simple.tsx b/app/charts/column/columns-simple.tsx
index 4f725975a..d2f772d0b 100644
--- a/app/charts/column/columns-simple.tsx
+++ b/app/charts/column/columns-simple.tsx
@@ -28,7 +28,7 @@ export const VerticalWhisker = memo(
           stroke="none"
         />
         <rect
-          x={x + width / 2}
+          x={x + width / 2 - 1}
           y={y2}
           width={2}
           height={y1 - y2}
@@ -62,7 +62,7 @@ export const ErrorWhiskers = () => {
       {preparedData.map((d, i) => {
         const x0 = xScale(getX(d)) as number;
         const bandwidth = xScale.bandwidth();
-        const barwidth = bandwidth / 4;
+        const barwidth = Math.min(bandwidth, 15);
         const [y1, y2] = getYError(d);
         return (
           <VerticalWhisker