feat(charts): Added a chartclick event to BaseBarChart

bento-platform · Aug 29, 2024 · 88bf4ae · 88bf4ae
1 parent 14a0e32
commit 88bf4ae
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/Components/Charts/BaseBarChart.tsx b/src/Components/Charts/BaseBarChart.tsx
@@ -44,6 +44,7 @@ const BaseBarChart: React.FC<BaseBarChartProps> = ({
   units,
   title,
   onClick,
+  onChartClick,
   chartFill,
   otherFill,
   ...params
@@ -78,7 +79,7 @@ const BaseBarChart: React.FC<BaseBarChartProps> = ({
     <ChartWrapper responsive={typeof width !== 'number'}>
       <div style={TITLE_STYLE}>{title}</div>
       <ResponsiveContainer width={width ?? '100%'} height={height}>
-        <BarChart data={data} margin={BAR_CHART_MARGINS}>
+        <BarChart data={data} margin={BAR_CHART_MARGINS} onClick={onChartClick}>
           <XAxis
             dataKey="x"
             height={20}

diff --git a/src/types/chartTypes.ts b/src/types/chartTypes.ts
@@ -1,4 +1,5 @@
 import type { PieProps, BarProps } from 'recharts';
+import type { BarChartProps as RechartsBarChartProps } from 'recharts/index.d.ts';
 import { COUNT_KEY, OTHER_KEY } from '../constants/chartConstants';
 
 export type CategoricalChartDataType = CategoricalChartDataItem[];
@@ -83,6 +84,7 @@ export interface BaseBarChartProps extends BaseCategoricalChartProps {
   title?: string;
   units: string;
   onClick?: BarProps['onClick'];
+  onChartClick?: RechartsBarChartProps['onClick'];
 }
 
 export interface BarChartProps extends Omit<BaseBarChartProps, 'chartFill' | 'otherFill'> {