awesome загрузка - awesome загрузка исходного кода

awesome

Другой исходный код

1.0.0

Скачать

Потрясающий Chart.js

Кураторский список замечательных вещей, связанных с Chart.js.

Ресурсы
Графики
Плагины
Адаптеры
Интеграции
Инструменты

Поддержка Chart.js. В настоящее время используются три основные версии Chart.js. Обратитесь к значкам версий ниже, чтобы проверить, поддерживает ли библиотека вашу версию Chart.js. (Кроме того, «❕» означает, что версия не поддерживается.)

Chart.js v. 4️⃣ — выпущен в ноябре 2022 г.
Chart.js v. 3️⃣ — выпущен в апреле 2021 г.
Chart.js v. 2️⃣ — выпущен в апреле 2016 г.

Ресурсы

Официальное руководство | Сайт руководства пользователя и документации.

Графики

Поддерживать	Имя	Описание
2️⃣ ❕ ❕	бар-воронка	Добавляет тип гистограммы-воронки.
2️⃣ 3️⃣ 4️⃣	коробочный сюжет	Добавляет тип диаграммы коробчатого и скрипичного графика.
2️⃣ 3️⃣ 4️⃣	планка ошибок	Добавляет разнообразные варианты панелей ошибок стандартных типов диаграмм.
2️⃣ 3️⃣ ❕	финансовый	Добавляет типы финансовых диаграмм, такие как свеча.
❕ 3️⃣ 4️⃣	воронка	Добавляет тип диаграммы воронки
2️⃣ 3️⃣ 4️⃣	гео	Добавляет типы диаграмм географических карт, такие как картограмма и пузырьковая карта.
2️⃣ 3️⃣ 4️⃣	график	Добавляет типы графических диаграмм, такие как график, ориентированный силой.
2️⃣ 3️⃣ 4️⃣	матрица	Добавляет тип матричной диаграммы
2️⃣ 3️⃣ 4️⃣	ПКП	Добавляет тип диаграммы с параллельными координатами.
❕ 3️⃣ 4️⃣	Санки	Добавляет тип диаграммы «Диаграмма Санки».
2️⃣ ❕ ❕	Смит	Добавляет тип диаграммы Смита
2️⃣ 3️⃣ 4️⃣	сложено100	Рисует гистограмму со 100% накоплением
2️⃣ 3️⃣ 4️⃣	древовидная карта	Добавляет тип диаграммы древовидной карты
❕ 3️⃣ 4️⃣	Венн	Добавляет тип диаграммы Венна и Эйлера.
❕ 3️⃣ 4️⃣	облако слов	Добавляет тип диаграммы «облако слов»

Плагины

Стиль

Поддерживать	Имя	Описание
❕ 3️⃣ 4️⃣	автоцвета	Автоматическая генерация цвета
2️⃣ ❕ ❕	цветовые схемы	Включает автоматическую раскраску с использованием предопределенных цветовых схем.
❕ 3️⃣ 4️⃣	градиент	Легкие градиенты
2️⃣ ❕ ❕	грубый	Рисует диаграммы в схематичном, нарисованном от руки стиле, используя Rough.js.
2️⃣ ❕ ❕	стиль	Предоставляет такие параметры стиля, как эффекты тени, фаски, свечения или наложения.
❕ ❕ 4️⃣	временной стек	Добавляет продуманное форматирование шкалы времени с «красивыми» временными делениями.

Функции

Поддерживать	Имя	Описание
2️⃣ 3️⃣ 4️⃣	аннотация	Рисует линии, прямоугольники, точки, метки, многоугольники и эллипсы в области диаграммы.
2️⃣ 3️⃣ ❕	перекрестие	Добавляет перекрестие данных на линейные и точечные диаграммы.
2️⃣ 3️⃣ 4️⃣	метки данных	Отображает метки данных для диаграмм любого типа.
2️⃣ ❕ ❕	этикетка для пончиков	Отображение текстовой метки в центре кольцевой диаграммы
2️⃣ 3️⃣ 4️⃣	иерархический	Добавляет иерархические шкалы, которые можно сворачивать, расширять и фокусировать.
❕ ❕ 4️⃣	метка изображения	Отображает метки изображений на данных для кольцевых диаграмм.
2️⃣ ❕ ❕	круговые диаграммы	Отображает метки за пределами круговой или кольцевой диаграммы.
2️⃣ ❕ ❕	регресс	Рассчитать и нарисовать статистические регрессии (линии тренда)
❕ ❕ 4️⃣	линия тренда	Нарисуйте линии тренда
2️⃣ ❕ ❕	водопад	Позволяет легко использовать каскадные диаграммы.

Взаимодействия

Поддерживать	Имя	Описание
❕ ❕ 4️⃣	a11y-легенда	Обеспечивает доступность клавиатуры для легенд диаграмм.
❕ 3️⃣ 4️⃣	диаграмма2музыка	Улучшает доступность диаграмм за счет навигации с помощью клавиатуры и обработки звука.
2️⃣ 3️⃣ 4️⃣	отложенный	Откладывает первоначальное обновление диаграммы до тех пор, пока диаграмма не прокрутится в область просмотра.
2️⃣ 3️⃣ 4️⃣	перетаскивание данных	Позволяет пользователям перетаскивать точки данных на диаграмму.
2️⃣ 3️⃣ 4️⃣	масштабировать	Позволяет масштабировать и панорамировать графики.

Источники данных

Поддерживать	Имя	Описание
2️⃣ 3️⃣ 4️⃣	источник данных-Прометей	Отображает временные ряды от Прометея
2️⃣ 3️⃣ ❕	потоковая передача	Добавляет поддержку потоковой передачи данных в реальном времени.

Кроме того, множество плагинов можно найти в реестре npm.

Адаптеры

Поддерживать	Имя	Описание
2️⃣ 3️⃣ 4️⃣	дата-fns	адаптер date-fns
2️⃣ 3️⃣ 4️⃣	деньжс	адаптер DayJS
2️⃣ 3️⃣ 4️⃣	люксон	Люксон адаптер
2️⃣ 3️⃣ 4️⃣	момент	Адаптер Moment.js
❕ 3️⃣ 4️⃣	пространство-время	Адаптер пространства-времени

Интеграции

JavaScript

Поддерживать	Имя	Описание
2️⃣ ❕ ❕	угольная диаграмма	Эмбер CLI
❕ ❕ 4️⃣	свежие_чарты	Свежий
2️⃣ ❕ ❕	лвкк	Веб-компонент Lightning
2️⃣ 3️⃣ 4️⃣	ng2-диаграммы	Угловой v2+
2️⃣ 3️⃣ ❕	Оми-диаграмма	Оми
2️⃣ 3️⃣ 4️⃣	реакция-chartjs-2	Реагировать
❕ 3️⃣ 4️⃣	твердые диаграммы	SolidJs
❕ 3️⃣ 4️⃣	svelte-chartjs	стройный
2️⃣ 3️⃣ 4️⃣	vue-chartjs	Vue.js

Другие

Поддерживать	Имя	Описание
❕ 3️⃣ ❕	BlazorChartjs	Блазор
❕ 3️⃣ 4️⃣	pax.BlazorChartJs	Blazor (с изоляцией JavaScript)
2️⃣ 3️⃣ 4️⃣	чарба	ГВТ/J2CL
2️⃣ ❕ ❕	диаграмма.java	Ява
❕ ❕ 4️⃣	chartjs-java-модель	Ява
2️⃣ ❕ ❕	Chartjs-ocaml	OCaml
2️⃣ 3️⃣ ❕	чартджс-рор	Ruby упрощает использование Chart.js в представлениях Rails.
❕ 3️⃣ 4️⃣	диаграмма-js-rs	API типов Chart.js в Rust (НЗП в альфа-версии/незавершенный)
2️⃣ ❕ ❕	Джанго-чартджс	Джанго
	фигма	Компоненты дизайна
2️⃣ 3️⃣ 4️⃣	ipychart	Питон
2️⃣ 3️⃣ 4️⃣	laravel-chartjs	Ларавел
2️⃣ ❕ ❕	превращаться в жидкость	Быстрая многопоточная визуализация потоковых данных с помощью Angular
2️⃣ ❕ ❕	nova-chartjs	Ларавел Нова
2️⃣ 3️⃣ 4️⃣	быстрая диаграмма	Веб-API для статических диаграмм
2️⃣ ❕ ❕	злые диаграммы	Оболочка для веб-приложений Java
❕ 3️⃣ ❕	Symfony/ux-chartjs	Пакет Symfony UX