fix(BarChart & BulletChart): adjust y-axis label distribution (#6406)

SAP · Sep 25, 2024 · a7f3284 · a7f3284
1 parent 6759403
commit a7f3284
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/charts/src/components/BarChart/BarChart.tsx b/packages/charts/src/components/BarChart/BarChart.tsx
@@ -299,7 +299,8 @@ const BarChart = forwardRef<HTMLDivElement, BarChartProps>((props, ref) => {
           dimensions.map((dimension, index) => {
             return (
               <YAxis
-                interval={dimension?.interval ?? (isBigDataSet ? 'preserveStart' : 0)}
+                interval={dimension?.interval ?? 'preserveStartEnd'}
+                minTickGap={isBigDataSet ? undefined : -10}
                 type="category"
                 key={dimension.reactKey}
                 dataKey={dimension.accessor}

diff --git a/packages/charts/src/components/BulletChart/BulletChart.tsx b/packages/charts/src/components/BulletChart/BulletChart.tsx
@@ -304,7 +304,7 @@ const BulletChart = forwardRef<HTMLDivElement, BulletChartProps>((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<HTMLDivElement, BulletChartProps>((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 = <XAxisTicks config={dimension} />;