Как добавить дополнительную информацию во всплывающую подсказку точки / наведения

Я использую в своем проекте перерисовывает. Я использую диаграмму CustomizedLabelLineChart. Моя проблема в том, что значения, которые я использую для оси X, слишком длинные, поэтому мне нужно как бы удалить их с оси X, но они все еще есть во всплывающей подсказке диаграммы. Как это сделать? Другими словами, мне нужно добавить некоторые дополнительные данные к каждой подсказке точки / наведения.

reactjs recharts

28.11.2018 20:15

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

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

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

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

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

405

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

Ответы 1

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

Вы можете создать настраиваемый компонент всплывающей подсказки и передать его в качестве свойства с именем content, вот пример с настраиваемой всплывающей подсказкой под названием

<CustomizedLabelLineChart width = {600} height = {300} data = {data}>
  <XAxis dataKey = "name" tick = {<CustomAxisTick />} />
  <YAxis />
  <Tooltip content = {<CustomTooltip />}/>
  ...
</CustomizedLabelLineChart>

Ссылка: http://recharts.org/en-US/guide/customize

28.11.2018 20:27

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

Recharts BarChartStackedBySign - Можно ли отображать один и тот же объект по обе стороны от оси Y

Графики на Admin-on-rest

Заштрихованные области ReCharts.Js Для полной высоты диаграммы (и в соответствии с Brush, dataMax)

Как разместить значения фиксированными значениями по оси Y в перерисовках

Как синхронизировать диаграмму Recharts с чем-то особенным, кроме диаграммы Recharts

Адаптивная высота для React Recharts

React.Js - увеличение / уменьшение масштаба повторной диаграммы и проблема с кистью

Как отобразить новый элемент при нажатии на гистограмму

Recharts ReferenceLine в BarChart, показывающий слева, а не в середине

Как я могу узнать, когда диаграмма готова (линии уже появляются и анимация закончилась)?

Как добавить дополнительную информацию во всплывающую подсказку точки / наведения

Ответы 1

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

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