Mi aplicación requiere un gráfico de barras de pila, similar al proporcionado en la documentación de Recharts : https://recharts.org/en-US/examples/StackedBarChart .

Quiero agregar una funcionalidad que cuando el usuario haga clic en el área desplazada, se vinculará a un sitio diferente en la página.

¿Hay alguna manera de anular CSS o usar el atributo onClick proporcionado en la API de Bar ?

 export default function App() { return ( <BarChart width={500} height={300} data={data} margin={{ top: 20, right: 30, left: 20, bottom: 5 }} > <CartesianGrid strokeDasharray="3 3" /> <XAxis dataKey="name" /> <YAxis /> <Tooltip /> <Legend /> <Bar dataKey="pv" stackId="a" fill="#8884d8" /> <Bar dataKey="uv" stackId="a" fill="#82ca9d" /> </BarChart> ); }

Ver código sandbox: https://codesandbox.io/s/stacked-bar-chart-s47i2

Ver API de Bar : https://recharts.org/en-US/api/Bar