在 Recharts 图表上叠加文本

Question

我正在尝试在 Recharts 图表的右下角添加一段静态文本（与显示的数据无关）。

我可以拼凑一些 CSS 和 HTML 以从邻近的 DOM 元素中获取文本，但我宁愿使用 recharts API.

有什么想法吗？谢谢！

Answer 1

<XAxis> 组件可以使用一个名为 label 的 prop。

<XAxis 
   dataKey="name" 
   label={{ value: 'random text', position: 'insideBottomRight', offset: -20 }} 
/>

位置和偏移量的组合将导致您想要的解决方案。 检查 docs and a working example.