add grid

data-for-change · May 6, 2024 · ccc5559 · ccc5559
1 parent cdaa27c
commit ccc5559
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/molecules/GenericBarChart.tsx b/src/components/molecules/GenericBarChart.tsx
@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { ResponsiveContainer, BarChart, LabelList, XAxis, Bar, Tooltip, Legend, YAxis } from 'recharts';
+import { ResponsiveContainer, BarChart, LabelList, XAxis, Bar, Tooltip, Legend, YAxis, CartesianGrid } from 'recharts';
 import { roseColor, blackColor, ColorScheme, whiteColor } from 'style';
 import tinycolor from 'tinycolor2';
 import { useTheme } from '@material-ui/core/styles';
@@ -72,9 +72,11 @@ const BarChartContainer: FC<IBarChartBaseProps> = ({ data, textLabel, subtitle,
               style={{ fill: (theme.palette.primary as ColorScheme).fontColor }}
               mirror
               tickLine={false}
-              tickMargin={-5}
+              tickMargin={-10}
+              interval={0}
             />
           )}
+          {isStacked && <CartesianGrid vertical={false} />}
           {children}
         </BarChart>
       </ResponsiveContainer>