Glossaire
Animation
Option permettant d'inclure le mouvement lorsqu'un graphique est dessiné pour la première fois ou redessiné après modification. Pour en savoir plus, consultez la page Animation.
Annotations
Étiquettes statiques pour les points de données dans un graphique.
annotation
est un rôle de colonne disponible pour les classes DataTable
et DataView
, à ne pas confondre avec les graphiques d'annotations.
Axe
Ligne de référence dans un graphique indiquant la mesure des coordonnées. Dans Google Charts, les deux principaux axes sont classés selon l'une des catégories suivantes :
- horizontal ou vertical
- domaine par rapport à la cible
Google Charts ne les appelle pas les axes "x" et "y", car cela serait ambigu. Google Charts permet à l'utilisateur de rompre l'association traditionnelle entre "l'axe affichant les valeurs des domaines" et "l'axe horizontal", et il ne serait pas facile de savoir quel "axe des x" décrit. Par exemple, vous pouvez inverser l'orientation d'un graphique pour afficher les variables de domaine sur l'axe vertical.
Rappel
Extrait de code exécutable transmis en tant qu'argument à un deuxième élément de code, censé "rappeler" ou exécuter ultérieurement le premier élément de code. Dans Google Charts, les rappels sont couramment utilisés avec les chargeurs de bibliothèque et les gestionnaires d'événements. Exemple: "Définissez un rappel à exécuter lorsque la bibliothèque Google Charts est chargée".
Type de graphique
Combinaison de la représentation des données, de l'apparence et des options implémentées en tant qu'objet JavaScript. Les graphiques à secteurs et les graphiques à bulles sont des exemples de types de graphiques.
Consultez la galerie de graphiques pour voir la liste complète.
ChartEditor
Interface utilisateur permettant de modifier Google Charts à la volée, que vous pouvez insérer dans n'importe quelle page Web.
Pour en savoir plus, consultez ChartEditor.
ChartWrapper
Classe JavaScript qui encapsule votre graphique et qui peut gérer tous les chargements, les dessins et les requêtes sur les sources de données pour votre graphique.
Les ChartWrappers sont obligatoires lors de l'utilisation de Tableaux de bord et de ChartEditor. Pour en savoir plus, consultez ChartWrapper.
Rôle de colonne
Propriété d'une colonne dans un élément DataTable
qui décrit son objectif. Par exemple, le rôle tooltip
est attribué aux colonnes qui stockent le texte des info-bulles.
Pour en savoir plus, consultez Quels sont les rôles disponibles ? et
getColumnRole
.
Type de colonne
Type de données attribué à une colonne dans un élément DataTable
. Il peut s'agir de l'un des types de colonnes suivants :
string
number
boolean
date
datetime
timeofday
Pour en savoir plus, consultez
getColumnType
.
Continue
Les valeurs consécutives progressent de façon fluide. Utilisé pour décrire un axe dans lequel une variable peut prendre n'importe quelle valeur entre deux valeurs données, par opposition à un axe distinct. Pour en savoir plus, consultez la section Discret vs Continuous.
Exemple : « L'axe principal d'un graphique peut être soit discret, soit continu. »
Contrôle
: widget d'interface utilisateur sur un tableau de bord, tel que des curseurs ou des fonctionnalités de saisie semi-automatique, qui permet au lecteur de modifier les données ou les graphiques d'un tableau de bord. Exemple: "Ce tableau de bord contient une commande qui vous permet de sélectionner une option dans un menu déroulant."
Pour en savoir plus, consultez la page Commandes et tableaux de bord.
Graphiques principaux
Les types de graphiques les plus populaires dans Google Charts. Vous pouvez charger tous les graphiques principaux simultanément à l'aide du package corechart
. Pour en savoir plus, consultez la section Chargement de base de la bibliothèque.
Les principaux types de graphiques sont les suivants :
Tableau de bord
Affichage visuel qui combine les instances de graphique et de commande, généralement avec au moins un graphique et une commande. Si un tableau de bord contient plusieurs graphiques, ils doivent tous avoir la même source de données. Pour en savoir plus, consultez la page Commandes et tableaux de bord.
DataTable
Classe JavaScript qui représente une table de valeurs modifiable et bidimensionnelle. Pour en savoir plus, consultez la section Classe DataTable.
DataView
Classe JavaScript dérivée d'un élément DataTable
. Un DataView
peut servir de source de données pour les graphiques Google, mais contrairement à un DataTable
, il est en lecture seule. Un DataView
est mis à jour automatiquement lorsque le DataTable
sous-jacent est modifié, à quelques exceptions près. Pour en savoir plus, consultez la classe DataView.
Discrete
Désigne un ensemble de valeurs qui ne sont pas basés sur un système de valeurs continu. Dans le contexte des graphiques Google, le terme "discret" peut décrire des types de données ou des axes. Pour en savoir plus sur les axes discrets, consultez la page Discret vs Continuous." Exemple: "Une liste de pays doit être stockée sous forme de colonne avec un type de données discrètes".
Domaine
Ensemble de toutes les entrées possibles d'une fonction ou d'une relation. Si plusieurs séries de données sont affichées dans un graphique, il est possible qu'une valeur de domaine ait plusieurs valeurs cibles. Exemple : "Pour la valeur de domaine '3', cette série de données a la valeur '5'."
Événement
Actions prédéfinies qu'un graphique Google peut enregistrer, comme un utilisateur qui clique sur un bouton. La page de chaque type de graphique contient une section "Événements" (voir un exemple ici) qui répertorie les événements compatibles avec ce type de graphique, tels que ready
, select
et onmouseover
. Exemple: "Lorsque l'utilisateur clique sur 'Je veux des pommes', un événement userWantsApples
est généré." Pour en savoir plus, consultez Gérer les événements.
Détermine comment les données d'une colonne DataTable
s'affichent sans affecter les valeurs sous-jacentes. Google Charts fournit une liste prédéfinie de formateurs et d'options de mise en forme. Par exemple, vous pouvez utiliser l'option prefix
de l'outil de mise en forme NumberFormat pour afficher la valeur "1000" sous la forme "1 000 $".
Pour en savoir plus, consultez la page Outils de mise en forme.
Google Sheets
Google Sheets permet de créer, mettre à jour, modifier et partager des feuilles de calcul en ligne. Google Sheets est une source de données
courante pour les graphiques Google. Pour en savoir plus, consultez la page "Graphiques Google" de Google Sheets. Vous pouvez créer et gérer des feuilles de calcul Google Sheets à partir de Google Drive.
Intervalle
Rôle de colonne facultatif qui contient des valeurs cibles supplémentaires pour les valeurs de domaine données d'une série de données.
Par exemple, vous pouvez stocker des données sur les intervalles de confiance dans une colonne interval
afin de les afficher dans un graphique à barres. Les intervalles sont le plus souvent affichés dans des graphiques en courbes, à nuage de points et à barres. Les graphiques Google proposent plusieurs styles d'affichage des intervalles. Pour en savoir plus, consultez la page Intervalles.
Légende
Zone d'un graphique qui liste l'étiquette et l'apparence visuelle de toutes les séries de données d'un graphique, et/ou les sous-composants visuels d'une seule série de données dans un graphique. Par exemple, dans un graphique à secteurs contenant une seule série de données, la légende contient le libellé et la couleur correspondant à chaque "tranche" du graphique.
Chargeur de bibliothèque
La méthode JavaScript google.charts.load
, qui charge la bibliothèque de l'API Google Charts.
Vous devez charger la bibliothèque chaque fois que vous créez une page Web utilisant Google Charts. Pour en savoir plus, consultez la section Charger les bibliothèques.
Méthode
Procédure de programmation orientée objet (OOP) associée à une classe d'objet. Exemple: "Si vous écrivez une bibliothèque de graphiques, votre objet Chart
doit exposer une méthode draw()
.
Requête
Demande d'informations émise pour une base de données. Google Charts accepte les requêtes de données, qui sont des requêtes de type SQL utilisées pour interroger des sources telles que Google Sheets. Les requêtes doivent être écrites dans le langage de requête de l'API Google Visualization.
Série
Colonne de données dans un élément DataTable
ou DataView
, où chaque valeur correspond à une valeur de domaine de la colonne "domain". Une série peut être associée à une ou plusieurs colonnes associées à des rôles de colonne différents (par exemple, des rôles d'annotation ou de style).
Exemple: "Le graphique suivant présente un graphique comportant deux séries, l'une en bleu foncé et l'autre en bleu clair."
Empilables
Option de graphique permettant d'afficher plusieurs séries de données, où chaque série est représentée dans un graphique par rapport aux séries précédentes en additionnant toutes les valeurs de séries précédentes pour une valeur de domaine donnée. Cela crée l'effet visuel des séries "empilées" les unes sur les autres. Pour obtenir un exemple, consultez la section Graphique en aires: aires empilées.
La superposition est disponible pour les types de graphiques suivants si vous définissez l'option isStacked
sur true
:
Style
Rôle de colonne qui utilise des propriétés spécifiques pour déterminer l'apparence d'une série. Les propriétés incluent color
, opacity
, stroke-width
et stroke-color
. Pour en savoir plus sur le rôle de la colonne style
, consultez la page Quels rôles sont disponibles ?
Il s'agit des petites cases qui s'affichent lorsque votre curseur pointe sur certains composants du graphique. Le contenu de l'info-bulle peut être généré automatiquement à partir des données de série sous-jacentes ou stocké dans une colonne avec le rôle tooltip
. Pour en savoir plus, consultez la page Info-bulles.
Ligne de tendance
Ligne superposée sur un graphique qui indique l'orientation générale (ou "tendance") des données. Pour en savoir plus, consultez la section Courbes de tendance.
Haut de page
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/07/10 (UTC).
[null,null,["Dernière mise à jour le 2024/07/10 (UTC)."],[[["Google Charts utilizes a variety of components including charts, dashboards, controls, and data tables for data visualization."],["Charts are categorized by type and can be customized using options like animation, annotations, and axes."],["Data is typically organized in DataTables with columns assigned specific roles and types."],["Users can interact with charts through events, formatters, and tooltips."],["Additional features such as queries, intervals, and trendlines enhance chart functionality and analysis."]]],[]]