From 4efff5ac98031f5a13eba2b7c5b67412618aec5b Mon Sep 17 00:00:00 2001 From: Lukas Harbarth Date: Wed, 25 Sep 2024 14:10:08 +0200 Subject: [PATCH] fix(BarChart & BulletChart): adjust y-axis label distribution --- packages/charts/src/components/BarChart/BarChart.tsx | 3 ++- packages/charts/src/components/BulletChart/BulletChart.tsx | 4 +++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/charts/src/components/BarChart/BarChart.tsx b/packages/charts/src/components/BarChart/BarChart.tsx index 06076a948b5..a27d91dd7d2 100644 --- a/packages/charts/src/components/BarChart/BarChart.tsx +++ b/packages/charts/src/components/BarChart/BarChart.tsx @@ -299,7 +299,8 @@ const BarChart = forwardRef((props, ref) => { dimensions.map((dimension, index) => { return ( ((props, ref) => let AxisComponent; const axisProps: any = { dataKey: dimension.accessor, - interval: dimension?.interval ?? (isBigDataSet ? 'preserveStart' : 0), + interval: dimension?.interval ?? (isBigDataSet ? 'preserveStartEnd' : 0), tickLine: index < 1, axisLine: index < 1, allowDuplicatedCategory: index === 0 @@ -317,6 +317,8 @@ const BulletChart = forwardRef((props, ref) => axisProps.width = yAxisWidth; AxisComponent = YAxis; axisProps.orientation = isRTL ? 'right' : 'left'; + axisProps.interval = 'preserveStartEnd'; + axisProps.minTickGap = isBigDataSet ? undefined : -10; } else { axisProps.dataKey = dimension.accessor; axisProps.tick = ;