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

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

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

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

recharts

07.04.2019 09:14

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

2 276

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Компонент <XAxis> может принимать реквизит с именем label.

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

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

Тем не менее, это ставит его ниже диаграммы. Не могу понять текст в диаграмме также.

— 16.08.2021 15:30

18.04.2019 20:02

Другие вопросы по теме

Как удалить отступы между осью X и диаграммой вертикальной диаграммы в перерисовке, а также неправильно применить цвет?

Имя поля данных не воспринимается как метка в recharts?

Recharts - Как улучшить визуализацию ближайших чисел

Как правильно настроить xAxis на LineChart?

Как добавить пользовательский svg в качестве строки/подсказки для повторных диаграмм

Recharts — передать значение dataKey дочернему компоненту

Recharts img не отображается в настроенной точке

Recharts: отключите наведение фона для гистограмм

Несоответствие легенды перерисовки форматированного ключа данных

Всплывающая подсказка некорректно работает с activeIndex на круговых диаграммах (ReCharts)

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

Ответы 1

Другие вопросы по теме

Похожие вопросы