Вопросы по теме 'ng2-charts'

ng2-charts обращается к объекту chartjs для применения функций chartjs
Я использую ng2-диаграммы и требую большего контроля. Диапазон значений xAxis должен динамически изменяться. Для этого мне нужно получить доступ к Chart-Object, используемому ng2-charts. Тогда я могу сделать это Что в основном сводится к...
1378 просмотров
schedule 29.10.2021

Angular 2 ng2-диаграммы пончик добавить текст
Я использую ng2-диаграммы на основе chart.js. Я пытаюсь добавить текст в середину кольцевой диаграммы, но не могу установить текст или зарегистрировать плагин. Кто-нибудь может помочь? До сих пор я нашел несколько неполных ответов, как это...
4109 просмотров
schedule 03.10.2021

Как динамически использовать аннотацию chartjs-plugin-annotation с ng2-charts?
Я создаю статистическую страницу, на которой мне нужно отобразить несколько диаграмм, я создал компонент DynamicChartComponent, который покрывает столбиковые и линейные диаграммы из демонстрации здесь (...
1168 просмотров

Как я могу изменить дизайн линейной диаграммы с помощью ng2-chart?
Это моя текущая диаграмма, которую я создал с помощью библиотеки ng2-charts. Он может выдавать мои данные в виде всплывающего окна при наведении курсора мыши. Вместо этого мне нужен фиксированный блок, содержащий логотип и название моей...
589 просмотров
schedule 02.12.2021

Полосы по центру между линиями сетки с меткой под линиями сетки (chart.js)
Я хочу создать гистограмму, в которой столбцы располагаются по центру между линиями сетки. Такое поведение было возможно до этого запроса на слияние: https://github.com/chartjs/Chart.js/pull/4545 В исходной версии это было возможно с помощью...
195 просмотров

как увеличить пространство между легендой и диаграммой в chartjs (ng2charts) с помощью angular
Привет всем, я построил кольцевую диаграмму, используя ng2charts, и пытаюсь увеличить пространство между метками легенды и диаграммой, пробовал много способов, которые не работают, пожалуйста, дайте мне знать, если что-то я сделал не так моя...
209 просмотров
schedule 26.11.2021

Плагин перекрестия ng2-charts не работает в Angular
Я пытаюсь использовать плагин перекрестия ng2-charts в приложении Angular 5. Мне нужно использовать перекрестие для интерполяции точек. Это демонстрация, которую я нашел в документации: https://chartjs-plugin-crosshair.netlify.app/samples/ . В...
340 просмотров
schedule 15.01.2022

Как я могу получить несколько диаграмм (столбцов и линий) с помощью ng2-chartsss?
У меня есть столбиковая диаграмма, и я хочу нарисовать на ней среднюю линию. Мое решение: В наборах данных я добавляю элемент с типом ' line ': https://stackblitz.com/edit/ng2-charts-bar-template?file=src%2Fapp%2Fapp.component.ts...
73 просмотров

Ng2-charts Time xAxes: нежелательный большой масштаб при нажатии
Я недавно обновился до Angular 8, а также обновил свои пакеты, связанные с диаграммами. Мне пришлось обновить свой код до нового формата данных ng2-charts. Я использую в своем проекте chartjs-plugin-zoom. Моя проблема: очень большое...
449 просмотров

Попытка установить размер диаграмм в ng2-charts
Я пытаюсь установить размер своих диаграмм. Я скопировал и вставил пример гистограммы ng2-chart в свой файл машинописного текста. Если я поиграю с холстом: <canvas baseChart width="100" height="100"> С размером вроде ничего не...
12568 просмотров
schedule 06.03.2022

отображать диаграмму ng2, когда свойство возвращаемых данных ›= 0
Я использую библиотеку диаграмм ng2 для рисования кольцевой диаграммы и использую с ней ngif: <canvas *ngIf="products?.cost >= 0)" baseChart height="50" width="50" [data]="doughnutChartData" chartType="doughnut"...
1723 просмотров

Как удалить метки с ng2-диаграммы (chart.js)
Я реализовал пользовательский интерфейс для загрузки нескольких файлов, и он использует chart.js. Кольцевая диаграмма, используемая для отображения прогресса загрузки. Я реализовал диаграмму как новый компонент, названный диаграммой точности, чтобы...
214 просмотров
schedule 29.03.2022

Как отображать метки за пределами границы круговой диаграммы?
Круговая диаграмма Я использовал ng2-диаграммы (chart.js) в angular. Мне нужно, чтобы метки выходили за границы круговой диаграммы, как на прикрепленном изображении. На данный момент я отключил атрибут lengend. Я задаю цвета меток и фона через...
3331 просмотров
schedule 05.04.2022

Как сделать линии в линейных диаграммах из прямых линий ng2-charts?
Я использую ng2-charts для создания линейных диаграмм в моем приложении Angular 8. Но линейные диаграммы отображаются в виде изогнутых линий, а не прямых. Я беру код по следующей ссылке https://valor-software.com/ng2-charts/#/LineChart , как...
3026 просмотров
schedule 21.04.2022

ng2-charts настраивают данные и весь HTML-контент всплывающей подсказки, отображаемой при наведении курсора на гистограмму
Я использую диаграммы ng2 из программы valor с моим приложением angular 2. Я не могу понять, как настроить все HTML-содержимое всплывающей подсказки по умолчанию, которая отображается при наведении курсора на гистограмму. Любые идеи? Обновлять:...
9525 просмотров

Набор данных для гистограммы неправильно настроен с использованием диаграмм ng2 и ng5-slider в Angular
У меня есть ползунок диапазона и гистограмма. Я пытаюсь изменить цвет гистограммы с помощью ползунка диапазона, я могу успешно изменить цвет гистограммы с помощью ползунка, но данные гистограммы не отображаются должным образом....
118 просмотров
schedule 25.06.2022

Гистограмма Ng2-charts
Я создал гистограмму с диаграммой ng2. Каждые столбцы внутри A1. Как я могу отделиться? Вы можете найти здесь https://stackblitz.com/edit/ng2-charts-bar-chart?file=src/app/app.component.ts
60 просмотров
schedule 28.07.2022

chart.js: 4 Uncaught ReferenceError: require не определен в ionic 2
Я пытаюсь использовать базовый пример NG2-Charts ( http://valor-software.com/ng2-charts/ ) В своем репозитории на github ( https://github.com/valor-software/ng2-charts ) упоминается, что: Важно: встраивание Chart.js в приложение обязательно!...
3092 просмотров

Приложение ng2-charts не отображает графики
Я выполнил инструкции на демонстрационной странице ng2-charts, чтобы начать настройку. Я использую angular-cli, поэтому я также импортировал пакеты с помощью System.JS. Затем я скопировал демонстрационный код, но он не отображается. Холст...
3135 просмотров
schedule 06.02.2023

ng2-charts не работает с веб-пакетом angularjs2
Я пытаюсь использовать ng2-диаграммы с angularjs 2: в app.ts: import { Component } from '@angular/core'; import { ApiService } from './shared'; import { ChartsModule } from 'ng2-charts/ng2-charts'; мой файл html: <canvas...
1161 просмотров
schedule 16.11.2022