Описание тега recharts

Описание тега Вопросы с тегом
Recharts - это составная библиотека диаграмм, построенная на компонентах React и D3.
1 ответ

Проблемы настройки фокуса на элементе div

Я пытаюсь установить фокус на элементе div, чтобы моя модальная подсказка была прокручиваемой без необходимости навести курсор мыши на этот элемент, проблема в том, что моя подсказка recharts содержит слишком много данных и выливается на следующий г…
17 июл '17 в 21:42
1 ответ

Могу ли я установить максимальную область оси Recharts меньше, чем dataMax?

Я использую Recharts в настройках, где пользователи захотят видеть одни и те же данные в разных масштабах. В частности, мне нужно иметь возможность установить максимум области оси ниже максимального значения данных (dataMax); например, я хочу устано…
12 дек '18 в 21:22
0 ответов

Рисование шатра на ReCharts

В настоящее время я работаю над проектом, который требует от меня использования пузырьковой диаграммы, в которой можно выбрать несколько пузырьковых элементов одновременно. Пользователь может выполнить выделение, нарисовав область (ограничивающую ра…
22 авг '18 в 09:39
0 ответов

Как исчезнуть края диаграммы без фона

У меня есть график перезарядки, который я хочу исчезнуть влево и вправо. Я не могу использовать псевдоэлемент с градиентом прозрачности, потому что тело всей страницы имеет эффект изображения на заднем плане, а div диаграмм плавает без фона. Кроме т…
07 фев '19 в 11:27
1 ответ

Я не могу получить целевой график с библиотекой перезарядок

Я здесь, потому что я пытаюсь построить график, используя библиотеку recharts, и после многих разных попыток получить желаемый результат я все еще не получаю его. Моя целевая графика должна выглядеть примерно так: Я пробовал много разных вещей, таки…
10 май '18 в 21:50
2 ответа

Полностью озадачен этой логикой реагирования переменной, не обновляющей состояние компонента

Я использую recharts и если data переменная находится вне класса, она работает нормально. Что происходит, когда он загружается, анимирует график и показывает "точечные" координаты. Однако если data переменная находится внутри класса, она не анимируе…
19 июл '17 в 20:48
1 ответ

Событие клика не работает на метке пирога Recharts

Я работаю над плагином Recharts для React Project, чтобы отобразить Piechart с двумя разделами и индивидуальной меткой. Мое требование состоит в том, чтобы получить значение секции пирога при нажатии. Я могу добиться этого, добавив реквизиты onClick…
21 дек '17 в 10:49
1 ответ

Recharts - метки отображают числа в%

Используя пример диаграммы на сайте recharts, я бы хотел отобразить число на ярлыке в виде%. https://jsfiddle.net/gearoid/7e717fa8/1/ const data = [ { name: "18-24", audience: 35.18 }, { name: "25-34", audience: 21.96 }, { name: "35-44", audience: 7…
27 апр '18 в 09:38
1 ответ

Перерисовать анимацию для линейного графика, приводящего строки с правой стороны

Погружаясь в использование Recharts в React, я чувствую, что схожу с ума! Все учебные и примеры графиков кода кода имеют эту красивую аккуратную анимацию, которая выглядит так, как будто линия рисуется справа налево. Тем не менее, я настроил его, и …
10 апр '18 в 14:39
0 ответов

Добавление разделительных линий между группами столбцов перегруппировки

Можно ли добавить водолазную линию между группами столбцов речарта? Я искал пример того, как это сделать, и ничего не придумал. Благодарю.
30 апр '18 в 15:22
0 ответов

React.Js - изменить масштаб изображения IN/OUT и Brush

Я использую библиотеку Rechart и использую AreaChartFillByValue. Я сталкиваюсь со следующими проблемами 1) При увеличении масштаба график выходит за пределы оси X, а при уменьшении он просто сбрасывается, например, с того места, с которого он начина…
12 окт '18 в 01:02
0 ответов

Высота диаграммы прыгает под нагрузкой

Я использую recharts в моем компоненте. При загрузке сама CartesianGrid, похоже, игнорирует легенду и тянется до самого верха, чтобы заполнить всю высоту. Через долю секунды его высота становится такой, какой она должна быть (учитывая, что у Legend …
24 окт '18 в 10:55
1 ответ

Графики на Admin-на-отдыхе

Мне нужно сделать веб-страницу, чтобы закончить мой универ, и я примерно на 90% покончил с этим, однако я изо всех сил пытаюсь заставить работать собственные итераторы и диаграммы. Я пытаюсь использовать Recharts, но я понятия не имею, как заставить…
09 ноя '18 в 11:08
1 ответ

Получать данные из другого компонента для Recharts

Итак, у меня есть два компонента (index.js а также Stats.js). Внутри статистики у меня есть круговая диаграмма из Recharts, а массив данных находится внутри этого файла. 'Value' Объект внутри данных это просто произвольное число, но я хотел бы получ…
08 дек '18 в 05:46
2 ответа

Внедрить круговой индикатор выполнения, используя Recharts

Я использую библиотеку recharts для PieCharts. С paddingAngle={0} в состоянии удалить угол заполнения, но хотите удалить разделитель ячеек (белый цвет). Код: const data = [ { id: "1", name: "L1", value: 75 }, { id: "2", name: "L2", value: 25 } ]; &l…
19 дек '18 в 05:52
1 ответ

Recharts ComposedChart с несколькими наборами данных?

Я хочу нанести точки данных на составную диаграмму, состоящую из столбцов и линий, каждая из которых имеет свои собственные наборы данных соответственно. Например, я хочу, чтобы каждый бар получал значение от data.points, но линии, чтобы получить их…
08 янв '19 в 16:40
0 ответов

Перепрограммировать гистограмму по осям x и y должно иметь отступ в 10 пикселей

Я попытался дать маржу и отступы атрибутов к тегам <YAxis> а также <Bar> и это не дает место между <BarChart width={1000} height={300} data={this.props.data} margin={{top: 5, right: 10, left: 20, bottom: 15}} > <CartesianGrid st…
15 янв '19 в 05:42
1 ответ

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

Я использую Recharts для построения графика со следующими данными: id: "mock-device" props: battery: 2, cpuUsage: 11, diskUsage: 23, memoryUsage: 8, timestamp: 1548031944 и я строю свой график <AreaChart data={DataGraphs} margin={{ top: 0, right:…
21 янв '19 в 01:04
0 ответов

React/Redux Предупреждение: setState(...): невозможно обновить во время существующего перехода состояния (например, в `render` или в конструкторе другого компонента)

Я довольно новичок в React/Redux, поэтому, пожалуйста, помогите. Я получаю вышеупомянутое предупреждение, и хотя я прочитал много похожих запросов, они обычно связаны с обновлением состояния в методе Render(), и я не вижу, как я это делаю. Функция l…
08 фев '19 в 03:00
1 ответ

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

Есть ли способ отключить этот серый фон, который появляется при наведении курсора на гистограммы в Recharts? Использование версии 1.4.1. Код (упрощенный) выглядит так: import React from "react" // Recharts import { Bar, BarChart, CartesianGrid, Resp…
23 янв '19 в 15:04