téléchargement awesome - téléchargement awesome du code source

awesome

Autre code source

1.0.0

Télécharger

Génial Chart.js

Une liste organisée de choses géniales liées à Chart.js

Ressources
Graphiques
Plugins
Adaptateurs
Intégrations
Outils

Prise en charge de Chart.js. Il existe trois versions principales de Chart.js actuellement utilisées. Veuillez vous référer aux badges de version ci-dessous pour vérifier si une bibliothèque prend en charge votre version de Chart.js. (De plus, « ❕ » signifie qu'une version n'est pas prise en charge.)

Chart.js v. 4️⃣ — publié en novembre 2022
Chart.js v. 3️⃣ — publié en avril 2021
Chart.js v. 2️⃣ — publié en avril 2016

Ressources

Guide officiel | Le guide de l'utilisateur et le site de documentation.

Graphiques

Soutien	Nom	Description
2️⃣ ❕ ❕	barre-entonnoir	Ajoute un type de graphique en entonnoir à barres
2️⃣ 3️⃣ 4️⃣	boîte à moustaches	Ajoute le type de graphique boxplot et violon plot
2️⃣ 3️⃣ 4️⃣	barres d'erreur	Ajoute diverses variantes de barres d'erreur de types de graphiques standard
2️⃣ 3️⃣ ❕	financier	Ajoute des types de graphiques financiers tels qu'un chandelier
❕ 3️⃣ 4️⃣	entonnoir	Ajoute un type de graphique en entonnoir
2️⃣ 3️⃣ 4️⃣	géo	Ajoute des types de graphiques de carte géographique tels que le choroplèthe et la carte à bulles
2️⃣ 3️⃣ 4️⃣	graphique	Ajoute des types de graphiques tels qu'un graphique dirigé par force
2️⃣ 3️⃣ 4️⃣	matrice	Ajoute un type de graphique matriciel
2️⃣ 3️⃣ 4️⃣	PCP	Ajoute un type de graphique de tracé de coordonnées parallèles
❕ 3️⃣ 4️⃣	Sankey	Ajoute un type de diagramme de diagramme de Sankey
2️⃣ ❕ ❕	forgeron	Ajoute le type de graphique Smith
2️⃣ 3️⃣ 4️⃣	empilé100	Dessine un graphique à barres empilées à 100 %
2️⃣ 3️⃣ 4️⃣	arborescence	Ajoute un type de graphique arborescent
❕ 3️⃣ 4️⃣	Venn	Ajoute le type de graphique Venn et Euler
❕ 3️⃣ 4️⃣	nuage de mots	Ajoute un type de graphique en nuage de mots

Plugins

Stylisme

Soutien	Nom	Description
❕ 3️⃣ 4️⃣	couleurs automatiques	Génération automatique des couleurs
2️⃣ ❕ ❕	schémas de couleurs	Permet la coloration automatique à l'aide de schémas de couleurs prédéfinis
❕ 3️⃣ 4️⃣	pente	Dégradés faciles
2️⃣ ❕ ❕	rugueux	Dessine des graphiques dans un style sommaire, semblable à celui d'un dessin à la main, à l'aide de Rough.js
2️⃣ ❕ ❕	style	Fournit des options de style telles que des effets d'ombre, de biseau, de lueur ou de superposition
❕ ❕4️⃣	pile temporelle	Ajoute un formatage d'échelle de temps opiniâtre avec des divisions temporelles « agréables »

Caractéristiques

Soutien	Nom	Description
2️⃣ 3️⃣ 4️⃣	annotation	Dessine des lignes, des cases, des points, des étiquettes, des polygones et des ellipses sur la zone graphique
2️⃣ 3️⃣ ❕	réticule	Ajoute un réticule de données aux graphiques en courbes et en nuages de points
2️⃣ 3️⃣ 4️⃣	étiquettes de données	Affiche les étiquettes sur les données pour tout type de graphiques
2️⃣ ❕ ❕	étiquette de beignet	Afficher une étiquette de texte au centre d'un graphique en anneau
2️⃣ 3️⃣ 4️⃣	hiérarchique	Ajoute des échelles hiérarchiques qui peuvent être réduites, développées et ciblées
❕ ❕4️⃣	image-étiquette	Affiche les étiquettes d'image sur les données pour les graphiques en anneau
2️⃣ ❕ ❕	camembert-outlabels	Affiche les étiquettes en dehors d'un graphique à secteurs/anneaux
2️⃣ ❕ ❕	régression	Calculer et tracer des régressions statistiques (lignes de tendance)
❕ ❕4️⃣	ligne de tendance	Tracer des lignes de tendance
2️⃣ ❕ ❕	cascade	Permet une utilisation facile des graphiques en cascade

Interactions

Soutien	Nom	Description
❕ ❕4️⃣	a11y-légende	Fournit un accès au clavier pour les légendes des graphiques
❕ 3️⃣ 4️⃣	graphique2musique	Améliore l'accessibilité des cartes grâce à la navigation au clavier et à la sonification
2️⃣ 3️⃣ 4️⃣	différé	Diffère la mise à jour initiale du graphique jusqu'à ce que le graphique défile dans la fenêtre d'affichage
2️⃣ 3️⃣ 4️⃣	glisser des données	Permet aux utilisateurs de faire glisser des points de données sur le graphique
2️⃣ 3️⃣ 4️⃣	zoom	Permet le zoom et le panoramique sur les graphiques

Sources de données

Soutien	Nom	Description
2️⃣ 3️⃣ 4️⃣	source de données-prométhée	Affiche les séries chronologiques de Prometheus
2️⃣ 3️⃣ ❕	streaming	Ajoute la prise en charge des données de diffusion en direct

De plus, de nombreux plugins peuvent être trouvés sur le registre npm.

Adaptateurs

Soutien	Nom	Description
2️⃣ 3️⃣ 4️⃣	date-fns	adaptateur date-fns
2️⃣ 3️⃣ 4️⃣	jourjs	adaptateur dayjs
2️⃣ 3️⃣ 4️⃣	Luxon	Adaptateur Luxon
2️⃣ 3️⃣ 4️⃣	moment	Adaptateur Moment.js
❕ 3️⃣ 4️⃣	espace-temps	Adaptateur espace-temps

Intégrations

Javascript

Soutien	Nom	Description
2️⃣ ❕ ❕	ember-cli-chart	CLI de braise
❕ ❕4️⃣	graphiques_frais	Frais
2️⃣ ❕ ❕	lwcc	Composant Web Lightning
2️⃣ 3️⃣ 4️⃣	graphiques ng2	Angulaire v2+
2️⃣ 3️⃣ ❕	omi-graphique	Omi
2️⃣ 3️⃣ 4️⃣	réagir-chartjs-2	Réagir
❕ 3️⃣ 4️⃣	solide-chartjs	SolidJs
❕ 3️⃣ 4️⃣	svelte-chartjs	Svelte
2️⃣ 3️⃣ 4️⃣	vue-chartjs	Vue.js

Autres

Soutien	Nom	Description
❕3️⃣ ❕	BlazorChartjs	Blazer
❕ 3️⃣ 4️⃣	pax.BlazorChartJs	Blazor (avec isolation JavaScript)
2️⃣ 3️⃣ 4️⃣	charba	GWT/J2CL
2️⃣ ❕ ❕	graphique.java	Java
❕ ❕4️⃣	modèle chartjs-java	Java
2️⃣ ❕ ❕	chartjs-ocaml	OCaml
2️⃣ 3️⃣ ❕	chartjs-ror	Ruby, simplifie l'utilisation de Chart.js dans les vues Rails
❕ 3️⃣ 4️⃣	graphique-js-rs	Chart.js tape l'API dans Rust (WIP en Alpha/incomplet)
2️⃣ ❕ ❕	Django-chartjs	Django
	figma	Composants de conception
2️⃣ 3️⃣ 4️⃣	ipychart	Python
2️⃣ 3️⃣ 4️⃣	laravel-chartjs	Laravel
2️⃣ ❕ ❕	liquéfier	Visualisation rapide et multithread des données de flux avec Angular
2️⃣ ❕ ❕	nova-chartjs	Laravel Nova
2️⃣ 3️⃣ 4️⃣	diagramme rapide	API Web pour les graphiques statiques
2️⃣ ❕ ❕	méchants graphiques	Wrapper pour les applications Web Java
❕3️⃣ ❕	symfony/ux-chartjs	Offre groupée Symfony UX