Наложение текста поверх графика Recharts

Question

Я пытаюсь добавить статический фрагмент текста (не связанный с отображаемыми данными) в правом нижнем углу диаграммы Recharts.

Я мог бы собрать несколько CSS и HTML, чтобы получить текст из соседнего элемента DOM, но я бы предпочел сделать это с помощью API recharts.

Есть идеи? Спасибо!

Answer 1

Компонент <XAxis> может принимать опору, называемую label.

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

Сочетание положения и смещения приведет к желаемому решению.Проверьте документы и рабочий пример .