// nivo import { ResponsiveBar, BarSvgProps } from "@nivo/bar"; // helpers import { generateYAxisTickValues } from "helpers/graph.helper"; // types import { TGraph } from "./types"; // constants import { CHARTS_THEME, DEFAULT_MARGIN } from "constants/graph"; type Props = { indexBy: string; keys: string[]; customYAxisTickValues?: number[]; }; export const BarGraph: React.FC, "height" | "width">> = ({ indexBy, keys, customYAxisTickValues, height = "400px", width = "100%", margin, theme, ...rest }) => (
7 ? 0.8 : 0.9} axisLeft={{ tickSize: 0, tickPadding: 10, tickValues: customYAxisTickValues ? generateYAxisTickValues(customYAxisTickValues) : undefined, }} axisBottom={{ tickSize: 0, tickPadding: 10, tickRotation: rest.data.length > 7 ? -45 : 0, }} labelTextColor={{ from: "color", modifiers: [["darker", 1.6]] }} theme={{ ...CHARTS_THEME, ...(theme ?? {}) }} animate enableLabel={rest.enableLabel ?? false} {...rest} />
);