Are you ready to create your own charts with Chart.js in a more visual way?
Why this Chart.js Video Guide?
This Chart.js video documentation guide is designed to cover the Chart.js topics in a more visual manner. Chart.js is a wonderful javascript library. It has so many options and many hidden secrets.
A big struggle for many developers is understanding of Chart.js. The official Chart.js documentation is wonderful but sometimes a bigger challenge for many who tend to learn faster in video format. This guide is designed to help visual learners so they can understand chart.js faster.
Please note that this Chart.js video guide is not part of the official guide.
Why I created the Chart.js Video Guide?
I love Chart.js and it is truly fun to see charts on a website. My goal is to with the help of a more visual guide more people might join the Chart.js community. A big Chart.js community would imply a never ending improvement on Chart.js itself!
The end goal is making Chart.js so easy to learn that eventually everybody can create charts in Chart.js with ease!
- Débuter
- Types de graphiques
- Chart JS Database
- Étape 1 : Création de la connexion à la base de données
- Étape 2 : Ajout du code PHP dans le fichier HTML
- Étape 3 : Création d'un graphique à barres avec des tableaux de base de données
- Étape 4 : Création d'un graphique à barres avec des tableaux de base de données, partie 2
- Étape 5 : Ajout de la description des données dans la base de données
- Étape 6 : Ajout d'étiquettes dans la base de données
- Étape 7 : Manipulation de tableaux et base de données
- Plugin Chart.js Datalabels
- 1. Comment ajouter Chartjs-Plugin-Datalabels à Chart.JS
- 2. Espace de configuration dans le plugin Chartjs Datalabels dans Chart.JS
- 3. Option de position d'ancrage dans le plugin Chartjs Datalabels dans Chart.js
- 4. Option de position d'alignement dans le plugin Chartjs Datalabels dans Chart.js
- 5. Option de couleur de fond dans le plugin Chartjs Datalabels dans Chart.js
- 6. Option de couleur de bordure dans le plugin Chartjs Datalabels dans Chart.js
- 7. Option de rayon de bordure dans le plugin Chartjs Datalabels dans Chart.js
- 8. Option d'affichage dans le plugin Chartjs Datalabels dans Chart.js
- 9. Option de couleur et de police dans le plugin Chartjs Datalabels dans Chart.js
- 10. Option de rembourrage dans le plugin Chartjs Datalabels dans Chart.js
- 11. Options de mise en page dans le plugin Chartjs Datalabels dans Chart.js
- 12. Options de rotation dans le plugin Chartjs Datalabels dans Chart.js
- 13. Options d'opacité dans le plugin Chartjs Datalabels dans Chart.js
- 14. Options de formatage dans le plugin Chartjs Datalabels dans Chart.js
- 15. Options d'écouteurs dans le plugin Chartjs Datalabels dans Chart.js
- 16. Options de couleur du contour du texte dans le plugin Chartjs Datalabels dans Chart.js
- 17. Options de flou de l'ombre du texte dans le plugin Chartjs Datalabels dans Chart.js
- 18. Options de pince dans le plugin Chartjs Datalabels dans Chart.js
- 19. Options de découpe dans le plugin Chartjs Datalabels dans Chart.js
- Série Chart.js Array
- 1. Variable de tableau Chart.js
- 2. Méthode Push de tableau Chart.js
- 3. Méthode Pop de tableau Chart.js
- 4. Méthode Unshift de tableau Chart.js
- 5. Méthode Shift de tableau Chart.js
- 6. Méthode Fill de tableau Chart.js
- 7. Méthode IndexOf de tableau Chart.js
- 8. Longueur du tableau Chart.js
- 9. Méthode Reverse de tableau Chart.js
- 10. Méthode Slice de tableau Chart.js
- 11. Méthode Sort de tableau Chart.js
- 12. Méthode Sort Reverse de tableau Chart.js
- 13. Méthode Sort Integer de tableau Chart.js
- 14. Méthode Filter de tableau Chart.js
- 15. Méthode Filter de tableau Chart.js
- 16. Méthode Filter de tableau Chart.js
- 17. Axes de catégorie cartésienne du tableau Chart.js 1
- 18. Axes de catégorie cartésienne du tableau Chart.js 2
- 19. Axes de catégorie cartésienne du tableau Chart.js 3
- Série de plugins de zoom Chart.js
- 1. Comment ajouter le plugin de zoom Chartjs dans Chart.js
- 2. Options de défilement Chartjs Plugin Zoom dans Chart.js
- 3. Options de mode de défilement Chartjs Plugin Zoom dans Chart.js
- 4. Options de touche de modification de défilement Chartjs Plugin Zoom dans Chart.js
- 5. Options de mode de surdéfilement de défilement Chartjs Plugin Zoom dans Chart.js
- 6. Options de seuil de défilement Chartjs Plugin Zoom dans Chart.js
- 7. Options de zoom Chartjs Plugin Zoom dans Chart.js
- 8. Options de défilement de la molette Chartjs Plugin Zoom dans Chart.js
- 9. Options de vitesse de défilement de la molette Chartjs Plugin Zoom dans Chart.js
- 10. Options de touche de modification de la molette Chartjs Plugin Zoom dans Chart.js
- 11. Options de défilement par glisser Chartjs Plugin Zoom dans Chart.js
- 12. Options de mode de zoom Chartjs Plugin Zoom dans Chart.js
- 13. Options de surdéfilement de zoom Chartjs Plugin Zoom dans Chart.js
- 14. Options de couleur de fond du glissement du zoom Chartjs Plugin Zoom dans Chart.js
- 15. Options de couleur de bordure et de largeur du glissement du zoom Chartjs Plugin Zoom dans Chart.js
- 16. Options de seuil du glissement du zoom Chartjs Plugin Zoom dans Chart.js
- 17. Options de pincement du zoom Chartjs Plugin Zoom dans Chart.js
- 18. Bouton de réinitialisation du zoom Chartjs Plugin Zoom dans Chart.js
- 19. Bouton de zoom avant Chartjs Plugin Zoom dans Chart.js
- 20. Bouton de zoom arrière Chartjs Plugin Zoom dans Chart.js
- Série sur les couleurs de fond de Chart.js
- 1. Couleur de fond | Série sur les couleurs de fond de Chart JS
- 2. Tableau de couleurs de fond | Série sur les couleurs de fond de Chart JS
- 3. Couleur de fond automatique | Série sur les couleurs de fond de Chart JS
- 4. Fonction de couleur de fond automatique | Série sur les couleurs de fond de Chart JS
- 5. Opacité de la couleur de fond | Série sur les couleurs de fond de Chart JS
- 6. Couleurs de fond conditionnelles | Série sur les couleurs de fond de Chart JS
- 7. Dégradé de couleur de fond horizontal | Série sur les couleurs de fond de Chart.js
- 8. Dégradé de couleur de fond vertical | Série sur les couleurs de fond de Chart JS
- 9. Dégradé de couleur de fond diagonal | Série sur les couleurs de fond de Chart JS
- Questions des téléspectateurs de Chart.js
- Comment ajouter une étiquette de données uniquement au dernier point de données d'un graphique linéaire | Chart.js
- Comment utiliser un menu déroulant de sélection pour mettre à jour les ensembles de données du graphique avec Chart.js
- Comment mettre en surbrillance la section de donut correspondante lors du survol de la légende Chart.js | Partie 2
- Problème de l'effet au clic du graphique à barres qui ne montre que la barre surlignée après le survol dans Chart.js
- Comment ajouter des étiquettes de données en haut du graphique à barres dans Chart.JS ?
- Comment puis-je supprimer des éléments d'un tableau à la fin d'un tableau en JavaScript ? | Chart.js
- Comment puis-je supprimer des éléments d'un tableau au début d'un tableau en JavaScript ? | Chart.js
- Comment puis-je ajouter de nouveaux éléments d'un tableau au début d'un tableau en JavaScript ? | Chart.js
- Comment puis-je ajouter des éléments d'un tableau à la fin d'un tableau en JavaScript ? | Chart.js
- Comment obtenir des lignes courbes au lieu de lignes droites dans Chart.js
- Comment puis-je afficher des points de données correspondants en fonction du clic sur la div correspondante dans Chart.JS
- Comment puis-je afficher des points de données correspondants en fonction du clic sur la div correspondante dans Chart.JS Partie 2.
- Comment ajouter des bordures arrondies à un graphique en anneau dans Chart.JS
- Comment ajouter des coins arrondis sur un graphique à barres dans Chart.JS 3
- Comment basculer entre les ensembles de données avec un bouton dans Chart.JS 3
- Comment créer une légende personnalisée dans Chart.JS
- Comment tronquer les étiquettes dans Chart.js tout en conservant la valeur complète de l'étiquette dans les info-bulles Chart.JS
- Comment masquer les lignes de grille dans Chart.js 3
- Comment faire pivoter le texte de l'étiquette verticalement dans une tranche de graphique en anneau dans Chart JS
- Comment faire pivoter le texte de l'étiquette verticalement dans une tranche de graphique en anneau dans Chart JS Partie 2
- Comment masquer les noms de données de l'axe x dans le type de graphique à barres Chart JS
- Comment afficher dans la boîte de légende les valeurs x, y et les étiquettes dans Chart.js
- Comment créer un graphique à ligne à remplissage de gradient vertical dans Chart.js
- Comment ajouter plus d'un graphique sur une page dans Chart.js
- Comment ajouter une bordure arrondie pour une seule donnée dans un graphique en anneau dans Chart.js 3
- Comment créer un graphique à barres empilées avec des ensembles de données empilés les uns sur les autres avec plusieurs couleurs 2
- Comment raccourcir les étiquettes de données longues sur l'axe des ordonnées dans Chart.js
- Comment attribuer des couleurs dans un graphique en fonction des valeurs dans Chart JS
- Comment créer un graphique à ligne progressif dans Chart JS
- Comment utiliser la configuration et la mise en place dans un graphique à ligne dans Chart JS
- Graphique en secteurs avec Chart JS
- Graphique à barres avec Chart JS
- Graphique à barres horizontales avec Chart JS
- Comment changer l'étiquette en fonction du clic dans un graphique à barres avec Chart JS
- Comment utiliser l'API de destruction du graphique et afficher un nouveau graphique avec Chart JS
- Comment utiliser les échelles temporelles et entrer des dates et des heures dans Chart JS
- Exemple de graphique en bulles avec Chart JS
- Comment créer un graphique à barres à gradient vertical avec Chart JS
- Comment créer un graphique à barres à gradient vertical avec Chart JS, Partie 2
- Comment ajouter des bordures arrondies aux étiquettes de la boîte de légende dans Chart.js
Laisser un commentaire
Vous devez vous connecter pour publier un commentaire.