Описание тега react-chartjs-2
1
ответ
Image pointStyle не загружается при начальном рендеринге диаграммы?
Я хочу загрузить изображение для одной из точек данных на точечной диаграмме. У меня проблема в том, что изображение не загружается на начальном рендере страницы / диаграммы. Изображение появляется только при нажатии на диаграмму / взаимодействии с …
03 авг '20 в 17:22
0
ответов
Пользовательская всплывающая подсказка Chart Js с функцией обратного вызова для отправки некоторых деталей
Постановка проблемы: я пытаюсь создать chartJs в ReactJs. Я хочу создать настраиваемую всплывающую подсказку с функцией обратного вызова или аналогичной опцией, чтобы я мог отображать детали внутри всплывающей подсказки. Есть ли способ сделать это в…
07 авг '20 в 17:28
0
ответов
Измените направление анимации на против часовой стрелки в react-chartjs-2
Я хочу анимировать кольцевую диаграмму против часовой стрелки. Я попытался перевернуть массив данных, массив backgroundColor и массив меток. Но направление анимации не изменилось. Остается по часовой стрелке. //Changing my doughnut chart data: setDo…
17 авг '20 в 06:20
0
ответов
Невозможно построить диаграмму с большими данными в react-chartjs-2
Я столкнулся с проблемой построения диаграммы с большими данными в react-chartjs-2, пожалуйста, помогите это исправить. Я ожидаю, как показано на рисунке ниже, но получаются прямые линии. datasets: [ { label: "My First dataset", fill: false, lineTen…
29 июл '20 в 15:06
1
ответ
Добавьте пространство между точкой диаграммы и границы диаграммы в react-chartjs-2
Моя диаграмма: <div style={{height: '100%', marginTop:'-20px'}}> <Line data={data} options={options} /> </div> и варианты для диаграммы: const options = { scales:{ yAxes:[{ scaleLabel:{ display: true, } }] } }; Теперь у меня такая …
06 авг '20 в 15:50
0
ответов
Как прокручивать Chartjs по горизонтали?
Я использую response-chartjs-2, а также использую плагин масштабирования, но только для панорамирования. он работает вертикально, но не горизонтально. важно указатьtype: "time" в xAxes? const options = { legend: { display: false }, tooltip…
18 авг '20 в 07:58
0
ответов
Получить процент линейной гистограммы .js
React ChartJS. Как я могу сделать такую диаграмму? У меня есть линейная полоса обычного типа, но я тоже хочу получить процент. Спасибо.
25 авг '20 в 13:55
0
ответов
Эффект условного наведения на выбранные данные с помощью Chart.js
Я хочу отключить эффект наведения курсора на определенные точки данных набора данных при определенных условиях с помощью Chart.js. Мне в основном нужно изменить набор данных перед рисованием линейного графика, чтобы он выглядел так, как я хочу. (нап…
10 авг '20 в 02:17
2
ответа
Как отключить событие при изменении состояния
Поскольку моя кодовая база довольно большая, я не буду добавлять пример. Надеюсь, мой вопрос достаточно ясен. Я использую react-chartjs-2 для создания кольцевой диаграммы. Я заметил, что каждое изменение состояния, вероятно, вызовет событие на графи…
26 авг '20 в 15:30
0
ответов
построить линейный график в Chartjs 2, когда количество данных в оси y не равно количеству данных на оси x
У меня есть два массива для построения графика. Расскажу на примере. yAxis = [2, 4, 6, 7, 8, 9] xAxis = [10:10, 10:20, 10:30, 10:40, 10:50, 11:00] В этом случае график будет построен правильно. Затем после нажатия какой-либо кнопки 'A' на моей стран…
26 авг '20 в 12:27
1
ответ
Настроить размер точек данных, высоту и ширину в Chart.js?
Можете ли вы настроить высоту и ширину точек данных на точечной диаграмме? Я хочу, чтобы квадратная точка данных была длинной прямоугольной линией, как показано на изображении ниже. Единственный вариант, который я вижу, - это pointRadius, но он увел…
31 июл '20 в 16:44
0
ответов
ChartJS - Пользовательский размер сегмента пончика
Я создаю компонент React, который генерирует спидометр, и я хочу установить длину каждого сегмента (т.е. красный - 30%, желтый - 30%, зеленый - 30% и серый - 10%). Я использую React-ChartJS-2 и onComplete анимации, я рисую текст и иглу. Я проверил д…
08 сен '20 в 23:20
1
ответ
Как сделать метки с обеих сторон от горизонтальной гистограммы js
Я хочу сделать боковые надписи для двойной горизонтальной планки с обеих сторон так: рис 1, рис 2 Может ли кто-нибудь помочь мне, я знаю, как это сделать, я новичок в React и Chartjs этот пост продолжается с: Как сделать несколько горизонтальных сто…
17 сен '20 в 12:36
3
ответа
"Узел" движка несовместим с этим модулем при установке React-chartjs-2 Chart.js,
Я создаю кольцевую диаграмму, используя chart.js с его оболочкой реакции. Он отлично работает в новом проекте, но не может установить его в основном проекте. Ниже приведен пример нового проекта, в котором он работает нормально. А ниже - пример основ…
15 окт '20 в 09:03
3
ответа
изменить положение метки в react-chartjs-3
Я не могу изменить положение метки вниз в react-chart-js3 . Теперь он отображается в верхней части диаграммы. import React, { useState, useEffect } from "react"; import { Doughnut, Line, Pie } from "react-chartjs-3"; export defau…
20 окт '20 в 14:25
1
ответ
Как нарисовать несколько линий по оси y для той же оси x в chartjs v2?
У меня есть данные временных рядов в базе данных, которые выглядят так: [ { min: 100, max: 200, avg: 150, time: 12345678.. (unix timestamp) }, { min: .. ... }, ... ] Я могу нарисовать линейную диаграмму, используя среднее значение, извлекая его из б…
10 ноя '20 в 10:23
0
ответов
Отображение временных интервалов по оси x для линейного графика, реализованного с помощью react-chartjs-2
Требуется отображать значения на линейной диаграмме для интервала в 3 часа, начиная с текущего времени. У меня есть значения для всех трех часов (каждая минута имеет значение), мне нужно динамически генерировать метки для трех часов Метки также долж…
14 сен '20 в 12:02
0
ответов
chart.js Annotation Plugin - многострочные аннотации
Я создал график с помощью response-chartjs-2 с плагином аннотации. В документации просто говорится: // Text to display in label - default is null. Provide an array to display values on a new line content: "Test label", Означает ли это, что…
03 окт '20 в 13:31
1
ответ
React TypeScript - Аннотации Chartjs - Аннотации панели отображаются неправильно
Мои аннотации настроены на: annotation: { events: ["onClick"], annotations: [{ drawTime: "afterDraw" as "afterDraw", type: "box" as "box", xMin: "2 Sep", xMax: "4 Sep", yMin: 0, y…
07 окт '20 в 17:47
2
ответа
React-chartjs-2 chart.js: Как уменьшить ширину обводки диаграммы?
Я реализую одну кольцевую диаграмму в react js, используя response-chart.js-2 chart.js, но я хочу настроить ее в соответствии с моими требованиями, я уже выполнил некоторые настройки, но мне нужно сделать ширина диаграммы тонкая. Текущее изображение…
09 окт '20 в 23:43