在“图表”顶部叠加文本

Question

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

我可以一起整理一些CSS和HTML，以从相邻的DOM元素那里获取文本，但是我宁愿使用recharts API来实现。

有什么主意吗？谢谢！

Answer 1

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

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

位置和偏移量的组合将导致您需要的解决方案。 检查docs和有效的example。