Hola, estoy creando un gráfico de barras usando la biblioteca Recharts. Quiero dibujar una línea de tendencia en la parte superior del gráfico de barras de esta manera:

Estoy usando lo siguiente para dibujar el gráfico de barras:

 <BarChart data={transformedDataByCategory}> <CartesianGrid strokeDasharray="3 3" vertical={false} /> <XAxis dataKey="category" interval={0} tickLine={false} tick={(e) => { const { payload: { value } } = e; e.fill = theme.colors.onfCategory[value].base; e.fontSize = '11px'; e.fontWeight = 'bold'; return <ChartText {...e}>{value}</ChartText>; }} /> <YAxis /> <Legend /> <Tooltip cursor={{ fill: '#f1f1f1' }} /> {years.map((year, i) => <> <Bar key={`year_${i}`} dataKey={year} fill={yearColours[i]}/> </>)} </BarChart>

He intentado usar el componente ReferenceLine para dibujar encima del gráfico, pero no he tenido suerte. ¡Cualquier ayuda sería genial, gracias!