Описание тега react-vis

Набор компонентов React для визуализации общих диаграмм визуализации данных, таких как линейные / площадные / гистограммы, тепловые карты, диаграммы рассеяния, круговые и кольцевые диаграммы, солнечные лучи и древовидные карты.
0 ответов

Почему я получаю Jest-тест "Неожиданный идентификатор" при запуске "компонент монтирования" с диаграммой реакции?

Я пытаюсь запустить базовый тест "Монтирование компонента React" в Jest. Тест test("Create App component", () => { const div = document.createElement("div"); ReactDOM.render(<App />, div); ReactDOM.unmountComponentAtNode(div); }); Тестовая …
13 янв '19 в 13:47
0 ответов

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

Вертикальная сгруппированная гистограмма динамических столбцов, использующих реагирование вывод с использованием реагирующей и вертикальной черты Ожидаемый результат <XYPlot xType={chartData['type']} width={width} height={height}> <Vertical…
16 янв '19 в 13:05
0 ответов

Могу ли я контролировать порядок ссылок в диаграмме реакции Санки?

Вот пример скриншота. Я хотел бы, чтобы ЗЕЛЕНЫЕ ссылки отображались под всеми остальными в нижней части узла. Это управляемо? Выпуск GitHub https://github.com/uber/react-vis/issues/718
1 ответ

Как перевернуть / убрать / отсортировать данные по оси X в реакции

Я не смог найти это, просматривая документацию. Я хотел бы показать график с датой оси X с датами и временем с самыми последними данными слева. Я надеялся, что простое обращение к массиву свойств данных сделает это, но библиотека реагирует на это ум…
03 авг '17 в 20:27
2 ответа

Темная зона в примере с реакцией

Я пытаюсь использовать реакцию. Если я использую конфиденциальные примеры, я получаю черные области между строк. Что мне не хватает? картина
05 июн '17 в 17:24
0 ответов

Как установить масштаб оси X для моего графика с помощью Reaction-Viz

Я хочу установить масштаб дат, которые я отображаю на оси X. Я в порядке с совокупной осью х, а также. Пожалуйста помоги. [введите описание изображения здесь][1] Пожалуйста, найдите изображение в ссылке:
1 ответ

Как установить расстояние между узлами в силе реагирования?

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

Реагирует на свойство стиля Vis LineMarkSeries, разделяет обводку и заливку для линии и метки

У меня есть это в моем компоненте: <XYPlot height={300} width={500} xType="ordinal" yType="ordinal"> <XAxis /> <YAxis /> <LineMarkSeries data={data1} style={{line: {fill:"red"}, mark: {fill:"red", stroke: "black"}}} /> </X…
13 июл '18 в 11:15
0 ответов

Отформатированная дата дата по оси X

Я пытаюсь отобразить линейный график на основе этого набора данных: [ { x: new Date(2018, 1, 1), y: 0 }, { x: new Date(2018, 2, 1), y: 50 }, { x: new Date(2018, 3, 1), y: 150 }, { x: new Date(2018, 4, 1), y: 200 }, { x: new Date(2018, 5, 1), y: 340 …
19 ноя '18 в 09:39
0 ответов

React-Vis MarkSeries ColorRange не работает

Установка всех цветов на уровне точки данных в нули не работает. Рабочий пример: Если вы установите все цвета на 1, как в примере ниже, диаграмма будет отображена правильно: <XYPlot width={300} height={300}> <VerticalGridLines /> <Hor…
24 окт '18 в 21:22
0 ответов

Как установить градиент к фону реагировать на xyplot?

Попытка стилизовать фон XYPlot и левой оси выше 0, чтобы иметь красные и зеленые зоны. Я приближаюсь к левой секции осей, в настоящее время она идет ниже осей. Я все еще не уверен, какую часть откорректировать для фактического тела диаграммы. И я пр…
19 дек '17 в 16:54
0 ответов

Неправильное обновление силы реакции после изменения данных

Если я обновлю data реквизит графика реакции-силы без перемонтирования, график уходит со своего места. Смотрите демо ниже. Я могу это исправить, добавив const simulation = forceSimulation(); simulation.strength = {}; на https://github.com/uber/react…
23 окт '17 в 16:18
1 ответ

Реакция на подписи и легенды Санки

Я пытаюсь найти компонент диаграммы Санки для React. Для Vis.JS есть оболочка с плагином D3 и D3 Sankey - react-vis, Это без особых усилий тянет Санки. Есть пара проблем - "недопустимые" узлы массива могут привести к сбою браузера - могут быть решен…
2 ответа

Как указать диапазон оси в React-Vis

Как указать диапазон оси в React-Vis Например: от 0 до 100 для оси Y, и данные приведены ниже данные ={[ {x: 1, y: 45}, {x: 2, y: 50}, {x: 3, y: 85} ]}/> Y Axis должен находиться в диапазоне от 0 до 100, хотя максимальное значение Y здесь составляет…
29 мар '18 в 08:31
0 ответов

React-Vis - Как отобразить пустую область графика?

Я работаю над диаграммой реагирования, которая будет динамически обновлять данные, которые отображаются, когда пользователь нажимает на элемент легенды для этой серии. Если пользователь щелкает, щелкает все серии, JSX, который я рендеринг, по сути в…
08 июн '18 в 15:37
1 ответ

Визуализация данных ImmutableJS из хранилища Redux в виде графика

Я работаю над приложением React и Redux, которое использует ImmutableJS для хранения всего своего состояния. Приложение получает данные от датчика с частотой около 100 Гц. Мне нужно нарисовать график, который обновляется в режиме реального времени и…
18 сен '17 в 08:39
2 ответа

Как включить всплывающую подсказку на React-vis?

Как включить всплывающую подсказку на React-vis? <Sunburst hideRootNode colorType="literal" data={data} height={300} width={350}/> Я не вижу всплывающей подсказки по визуализации, как я могу увидеть инструмент для наведения графика? В случае S…
15 авг '17 в 23:51
0 ответов

React-vis + локальный CSV: ошибка при создании визуализации данных

У меня возникают проблемы при создании диаграммы с помощью React-vis с локальным файлом CSV. Приложение было сгенерировано с помощью "create-реагировать-приложение". Локальный файл CSV проанализирован с модулем d3. Данные / test.csv 'title', 'A', 'B…
10 июл '18 в 11:44
0 ответов

Как сослаться на элемент canvas в реактивном графике, чтобы преобразовать его в изображение

Я хочу получить доступ к элементу canvas на сетевом графике, чтобы с помощью canvas.toDataURl() я мог преобразовать его в изображение. Я получаю элемент, используя ref, но по какой-то причине метод, т.е. canvas.toDataURl() выбрасывает неопределенну…
30 май '18 в 05:27
0 ответов

Какие реквизиты использовать для увеличения и перетаскивания в ответной силе?

Я использую самую базовую версию принудительного графа API реагировать на силу: <ForceGraph simulationOptions={{ height: 800, width: 800 }}> <ForceGraphNode node={{ id: 'first-node' }} fill="red" /> <ForceGraphNode node={{ id: 'second…