change stack bar color order and x axis label to be fully horizontal (#…

…898)
data-for-change · May 21, 2022 · 0f64738 · 0f64738
1 parent 3f1e72d
commit 0f64738
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/molecules/GenericBarChart.tsx b/src/components/molecules/GenericBarChart.tsx
@@ -4,11 +4,11 @@ import { roseColor, honeyColor, yellowColor, blackColor, whiteColor } from 'styl
 import { Typography } from 'components/atoms';
 import tinycolor from 'tinycolor2';
 
-const colors = [yellowColor, honeyColor, roseColor];
+const colors = [roseColor, honeyColor, yellowColor];
 const Y_AXIS_OFFSET = 20;
 const MIN_BAR_HEIGHT = 20;
 
-export const BAR_CHART_X_LABEL = 'xLabel'
+export const BAR_CHART_X_LABEL = 'xLabel';
 
 export type BarDataMap = {
   [key: string]: string | number;
@@ -55,7 +55,7 @@ const BarChartContainer: FC<IBarChartBaseProps> = ({ data, textLabel, children }
       <ResponsiveContainer>
         <BarChart data={data} margin={{ bottom: 20 }}>
           <XAxis
-            angle={-7}
+            angle={0}
             interval={0}
             dataKey={BAR_CHART_X_LABEL}
             tickLine={false}