Découvrez le cours Chart.js: Cours "Chart.js, le manuel manquant"
Aller au contenu
Guide vidéo Chart JS
Apprenez Chart JS via des vidéos
  • Documentation
  • Blog sur Chart JS
  • Chaîne YouTube Chart.js
  • Contactez-nous Chart.js 3
  • Soutenez mon travail
  • Discord
  • fr_FRFrench
  • Documentation
  • Blog sur Chart JS
  • Chaîne YouTube Chart.js
  • Contactez-nous Chart.js 3
  • Soutenez mon travail
  • Discord
  • fr_FRFrench
  • Débuter
  • Types de graphiques [10]
    • Bar Chart (Graphique à barres)
    • Graphique à Barres Horizontal
    • Graphique en Courbes
    • Graphique en Anneau / Graphique en Secteurs
    • Graphique de Bulles
    • Graphique avec Échelles de Temps
    • Graphique Histogramme [3]
      • 1. Comment créer un graphique histogramme
      • 2. Comment créer un graphique histogramme
      • 3. Comment créer un graphique histogramme
  • Chart JS Database [7]
    • É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 [19]
    • 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 [19]
    • 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 [20]
    • 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 [9]
    • 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 [40]
    • 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
  • Home
  • /
  • Documentation
  • /
  • Chart.js
  • /
  • Questions des téléspectateurs de Chart.js

Comment créer une légende personnalisée dans Chart.JS

Last modified juillet 3, 2021

Doc navigation

< Comment basculer entre les ensembles de données avec un bouton dans Chart.JS 3 Comment tronquer les étiquettes dans Chart.js tout en conservant la valeur complète de l'étiquette dans les info-bulles Chart.JS >
Cette page vous a-t-elle été utile?
Oui Non

Laisser un commentaire Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

© 2025 Guide vidéo Chart JS

Propulsé par WordPress

Vers le haut ↑ Haut ↑
fr_FRFrench
en_USEnglish zh_CNChinese de_DE_formalGerman ko_KRKorean pt_PTPortuguese (Portugal) pt_BRPortuguese (Brazil) es_ESSpanish viVietnamese fr_FRFrench