Я хочу переносить по словам длинные ярлыки, как в этой демонстрации . Предположительно этот PR поддерживает его, но я не смог заставить его работать с <XAxis dataKey="name" interval={0} width={30} label={<Text width={30} />} />

Я использую компоненты Recharts BarChart для визуализации моих данных. В компоненте панели он поддерживает несколько обработчиков событий (onClick, onMouseDown, так далее). Мой вопрос : у меня есть обработчик событий onClick, поэтому...

Я пытаюсь использовать повторные диаграммы для реализации BarChart. Но width={600} и height={300} заставляют гистограмму быть абсолютной, а не отзывчивой. Как сделать гистограмму гибкой? Я пробовал использовать проценты как width={'50%"}...

Я хочу создать гистограмму с закругленными полосами, которая выглядит вот так, но с полосами в обратном порядке Но после добавления свойства перевернутого к компоненту XAxis он становится таким Вот мой код, который я сделал из...

Я использую React Recharts для визуализации, однако у меня возникла проблема с отображением простой гистограммы с различным соответствующим содержимым объекта. [ { "month": "2017-07", "commodities": [ { "name": "wheat", "moves":...

Как передать значение ключа данных другому компоненту? У меня есть линейная диаграмма с произвольной точкой, этим точкам нужно значение из данных. Как я могу передать ему значение датакея? const data = [ { name: 'abc', value: '1' }, {...

Проблема: Я создал вертикальные гистограммы, используя повторные диаграммы. Здесь я предоставляю свой код. import React, { Component, PureComponent } from "react"; import { Card, CardBody, CardTitle } from "reactstrap"; import { Bar,...

Проблема: Я создал круговую диаграмму, используя повторные диаграммы. Но на этикетке указано значение, которое я хочу показать, название данных. Вот как мой код. import React, { Component } from "react"; import { bindActionCreators } from...

Как вы можете видеть на снимке экрана, внизу по центру (ось x) метка Quiz/Exam обрезана. Я увеличил высоту линейного графика, но это только увеличило размер графика.

Я пытаюсь реализовать разделение кода, но некоторые компоненты не работают. Из документации компоненты должны быть из export default , а они есть. Я также попытался экспортировать их в свой файл по умолчанию, но это не сработало. Вот пример...

Привет, у меня проблема с библиотекой Recharts. Мой набор данных отображается как зеленый и голубой составные элементы диаграммы с областью, оканчивающиеся на значении оси X = 03, но элемент диаграммы с областью интерполируется для значений оси...

Возможно ли в Recharts показать горизонтальную линию в месте Y, где пользователь наводит указатель мыши, и получить это значение Y, чтобы мы могли отобразить его во всплывающей подсказке?...

У меня есть массив данных со следующей структурой: 0: date: '01-12-2020', data: Array(2) {name: "plants", count: 5} {name: "water", count: 2} 1: date: '02-12-2020', data: Array(2) {name: "plants",...

У меня есть простое приложение, которое позволяет пользователям отслеживать свой вес с течением времени. Когда пользователь добавляет новую запись, диаграмма обновляется и определенно получает новые данные в реквизитах, но не отображает новую точку....

Я использую « recharts » для создания графиков для своего проекта и « react-pdf » для создания отчета. ' Recharts ' создает svg в DOM при его использовании, и отображается график. Есть ли способ, которым я могу использовать эти два вместе и...