Options de configuration des graphiques

Types de graphiques

Options de configuration du graphique d'annotation

Nom
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
displayRangeSelector

Indique si la zone de sélection de la plage de zoom (la zone en bas du graphique) doit être affichée. false signifie "non".

Le contour du sélecteur de zoom est une version à échelle logarithmique de la première série du graphique, mise à l'échelle pour s'adapter à la hauteur du sélecteur de zoom.

Type : boolean
Par défaut : true
displayZoomButtons

Indique si les boutons de zoom ("1j 5j 1m", etc.) doivent être affichés. false signifie "non".

Type : boolean
Par défaut : true
max

Valeur maximale à afficher sur l'axe Y. Si le point de données maximal dépasse cette valeur, ce paramètre est ignoré et le graphique est ajusté pour afficher la graduation principale suivante au-dessus du point de données maximal. Cette valeur est prioritaire sur la valeur maximale de l'axe Y déterminée par scaleType.

Cela ressemble à maxValue dans les graphiques principaux.

Type : number
Par défaut : automatique
min

Valeur minimale à afficher sur l'axe Y. Si le point de données minimal est inférieur à cette valeur, ce paramètre est ignoré et le graphique est ajusté pour afficher la graduation principale suivante en dessous du point de données minimal. Cette valeur est prioritaire sur le minimum de l'axe Y déterminé par scaleType.

Cela ressemble à minValue dans les graphiques principaux.

Type : number
Par défaut : automatique

Options de configuration des graphiques en aires

Nom
areaOpacity

Opacité par défaut de la zone colorée sous une série de graphiques en aires, où 0.0 est totalement transparent et 1.0 est totalement opaque. Pour spécifier l'opacité d'une série individuelle, définissez la valeur areaOpacity dans la propriété series.

Type : number, 0.0- 1.0
Par défaut : 0.3
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
interpolateNulls

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, il devinera la valeur de toutes les données manquantes en fonction des points voisins. Si la valeur est false, une interruption sera insérée dans la ligne au point inconnu.

Cette option n'est pas compatible avec les graphiques en aires utilisant l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut : false
isStacked

Si la valeur est définie sur true, les éléments de toutes les séries sont empilés pour chaque valeur de domaine. Remarque : Dans les graphiques Column (Colonne), Area (Zone) et SteppedArea (Zone par étapes), Google Charts inverse l'ordre des éléments de la légende pour mieux correspondre à l'empilement des éléments de série (par exemple, la série 0 sera l'élément de légende le plus bas). Cela ne s'applique pas aux graphiques à barres.

L'option isStacked est également compatible avec l'empilement à 100 %, où les piles d'éléments de chaque valeur de domaine sont redimensionnées pour atteindre 100 %.

Les options pour isStacked sont les suivantes :

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries pour chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte qu'ils représentent 100 %, la valeur de chaque élément étant calculée en pourcentage de 100 %.
  • 'relative' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 1, la valeur de chaque élément étant calculée sous forme de fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour l'empilement à 100 %, la valeur calculée pour chaque élément s'affiche dans l'info-bulle après sa valeur réelle.

L'axe cible est défini par défaut sur des valeurs de graduation basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100 % pour 'percent' (remarque : lorsque vous utilisez l'option 'percent', les valeurs de l'axe/de graduation sont affichées sous forme de pourcentages, mais les valeurs réelles sont les valeurs de l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages résultent de l'application d'un format "#.##%" aux valeurs relatives de l'échelle 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations et les grilles à l'aide des valeurs d'échelle relative de 0 à 1. Vous pouvez personnaliser les valeurs et la mise en forme des graduations/lignes de la grille à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100 % n'accepte que les valeurs de données de type number et doit avoir une valeur de référence de zéro.

Type : boolean/string
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucun series. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largeur de la ligne de données en pixels. Utilisez zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series.

Type : number
Par défaut : 2
pointShape

Forme des éléments de données individuels : 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour obtenir des exemples, consultez la documentation sur les points .

Type : string
Par défaut : 'circle'
pointSize

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series.

Type : number
Par défaut : 0
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les valeurs par défaut d'une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • annotations : objet à appliquer aux annotations de cette série. Cela peut être utilisé pour contrôler, par exemple, le textStyle de la série :

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Consultez les différentes options annotations pour obtenir une liste plus complète des éléments personnalisables.

  • areaOpacity : remplace le areaOpacity global pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est définie sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration des graphiques à barres

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : nombre ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hAxes

Spécifie les propriétés des axes horizontaux individuels, si le graphique comporte plusieurs axes horizontaux. Chaque objet enfant est un objet hAxis et peut contenir toutes les propriétés acceptées par hAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes horizontaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de hAxes. L'exemple suivant attribue la série 1 à l'axe inférieur et spécifie un titre et un style de texte personnalisés pour celle-ci :

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet hAxis présenté ci-dessus :

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
isStacked

Si la valeur est définie sur true, les éléments de toutes les séries sont empilés pour chaque valeur de domaine. Remarque : Dans les graphiques Column (Colonne), Area (Zone) et SteppedArea (Zone par étapes), Google Charts inverse l'ordre des éléments de la légende pour mieux correspondre à l'empilement des éléments de série (par exemple, la série 0 sera l'élément de légende le plus bas). Cela ne s'applique pas aux graphiques à barres.

L'option isStacked est également compatible avec l'empilement à 100 %, où les piles d'éléments de chaque valeur de domaine sont redimensionnées pour atteindre 100 %.

Les options pour isStacked sont les suivantes :

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries pour chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte qu'ils représentent 100 %, la valeur de chaque élément étant calculée en pourcentage de 100 %.
  • 'relative' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 1, la valeur de chaque élément étant calculée sous forme de fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour l'empilement à 100 %, la valeur calculée pour chaque élément s'affiche dans l'info-bulle après sa valeur réelle.

L'axe cible est défini par défaut sur des valeurs de graduation basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100 % pour 'percent' (remarque : lorsque vous utilisez l'option 'percent', les valeurs de l'axe/de graduation sont affichées sous forme de pourcentages, mais les valeurs réelles sont les valeurs de l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages résultent de l'application d'un format "#.##%" aux valeurs relatives de l'échelle 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations et les grilles à l'aide des valeurs d'échelle relative de 0 à 1. Vous pouvez personnaliser les valeurs et la mise en forme des graduations/lignes de la grille à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100 % n'accepte que les valeurs de données de type number et doit avoir une valeur de référence de zéro.

Type : boolean/string
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les valeurs par défaut d'une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • annotations : objet à appliquer aux annotations de cette série. Cela peut être utilisé pour contrôler, par exemple, le textStyle de la série :

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Consultez les différentes options annotations pour obtenir une liste plus complète des éléments personnalisables.

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
courbes de tendance

Affiche les tendances dans les graphiques compatibles. Par défaut, les courbes de tendance linear sont utilisées, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées pour chaque série. La plupart du temps, vos options se présenteront comme suit :

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Type : object
Par défaut : null
trendlines.n.color

Couleur de la courbe de tendance , exprimée sous la forme d'un nom de couleur en anglais ou d'une chaîne hexadécimale.

Type : string
Par défaut : couleur par défaut de la série
trendlines.n.degree

Pour les lignes de tendance de type: 'polynomial', le degré du polynôme (2 pour le second degré, 3 pour le troisième degré, etc.).

Type : number
Par défaut : 3
trendlines.n.labelInLegend

Si elle est définie, la courbe de tendance apparaîtra dans la légende sous cette chaîne.

Type : string
Par défaut : null
trendlines.n.lineWidth

Largeur de la ligne de la courbe de tendance, en pixels.

Type : number
Par défaut : 2
trendlines.n.type

Indique si les courbes de tendance sont 'linear' (par défaut), 'exponential' ou 'polynomial'.

Type : string
Par défaut : linear
trendlines.n.visibleInLegend

Indique si l'équation de la courbe de tendance s'affiche dans la légende. Il s'affichera dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut : false
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration des graphiques à bulles

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
bulle

Objet avec des membres permettant de configurer les propriétés visuelles des bulles.

Type : object
Par défaut : null
bubble.opacity

Opacité des bulles, où 0 est totalement transparent et 1 est totalement opaque.

Type : nombre compris entre 0,0 et 1,0
Par défaut : 0,8
bubble.stroke

Couleur du contour des bulles.

Type : string
Par défaut : '#ccc'
bubble.textStyle

Objet qui spécifie le style du texte de la bulle. L'objet se présente sous la forme suivante :

{color: <string>, fontName: <string>, fontSize: <number>}

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
série

Objet d'objets, où les clés sont les noms de séries (les valeurs de la colonne "Couleur") et chaque objet décrit le format de la série correspondante dans le graphique. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.
Exemple :
series: {'Europe': {color: 'green'}}
Type : objet avec des objets imbriqués
Par défaut : {}
sizeAxis

Objet avec des membres permettant de configurer l'association des valeurs à la taille des bulles. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

 {minValue: 0,  maxSize: 20}
Type : object
Par défaut : null
sizeAxis.maxSize

Rayon maximal de la plus grande bulle possible, en pixels.

Type : number
Par défaut : 30
sizeAxis.minSize

Rayon minimal de la plus petite bulle possible, en pixels.

Type : number
Par défaut : 5
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est définie sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration de l'agenda

Nom
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
largeur

Largeur du graphique en pixels.

Type : number
Par défaut : largeur de l'élément conteneur

Options de configuration des graphiques en chandeliers japonais

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les valeurs par défaut d'une série, spécifiez un objet vide {}. Si une série ou une valeur ne sont pas spécifiées, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • fallingColor.fill : remplace la valeur globale candlestick.fallingColor.fill pour cette série.
  • fallingColor.stroke : remplace la valeur globale candlestick.fallingColor.stroke pour cette série.
  • fallingColor.strokeWidth : remplace la valeur globale candlestick.fallingColor.strokeWidth pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • risingColor.fill : remplace la valeur globale candlestick.risingColor.fill pour cette série.
  • risingColor.stroke : remplace la valeur globale candlestick.risingColor.stroke pour cette série.
  • risingColor.strokeWidth : remplace la valeur globale candlestick.risingColor.strokeWidth pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration des graphiques à colonnes

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
isStacked

Si la valeur est définie sur true, les éléments de toutes les séries sont empilés pour chaque valeur de domaine. Remarque : Dans les graphiques Column (Colonne), Area (Zone) et SteppedArea (Zone par étapes), Google Charts inverse l'ordre des éléments de la légende pour mieux correspondre à l'empilement des éléments de série (par exemple, la série 0 sera l'élément de légende le plus bas). Cela ne s'applique pas aux graphiques à barres.

L'option isStacked est également compatible avec l'empilement à 100 %, où les piles d'éléments de chaque valeur de domaine sont redimensionnées pour atteindre 100 %.

Les options pour isStacked sont les suivantes :

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries pour chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte qu'ils représentent 100 %, la valeur de chaque élément étant calculée en pourcentage de 100 %.
  • 'relative' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 1, la valeur de chaque élément étant calculée sous forme de fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour l'empilement à 100 %, la valeur calculée pour chaque élément s'affiche dans l'info-bulle après sa valeur réelle.

L'axe cible est défini par défaut sur des valeurs de graduation basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100 % pour 'percent' (remarque : lorsque vous utilisez l'option 'percent', les valeurs de l'axe/de graduation sont affichées sous forme de pourcentages, mais les valeurs réelles sont les valeurs de l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages résultent de l'application d'un format "#.##%" aux valeurs relatives de l'échelle 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations et les grilles à l'aide des valeurs d'échelle relative de 0 à 1. Vous pouvez personnaliser les valeurs et la mise en forme des graduations/lignes de la grille à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100 % n'accepte que les valeurs de données de type number et doit avoir une valeur de référence de zéro.

Type : boolean/string
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les valeurs par défaut d'une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • annotations : objet à appliquer aux annotations de cette série. Cela peut être utilisé pour contrôler, par exemple, le textStyle de la série :

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Consultez les différentes options annotations pour obtenir une liste plus complète des éléments personnalisables.

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
courbes de tendance

Affiche les tendances dans les graphiques compatibles. Par défaut, les courbes de tendance linear sont utilisées, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées pour chaque série. La plupart du temps, vos options se présenteront comme suit :

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Type : object
Par défaut : null
trendlines.n.color

Couleur de la courbe de tendance , exprimée sous la forme d'un nom de couleur en anglais ou d'une chaîne hexadécimale.

Type : string
Par défaut : couleur par défaut de la série
trendlines.n.degree

Pour les lignes de tendance de type: 'polynomial', le degré du polynôme (2 pour le second degré, 3 pour le troisième degré, etc.).

Type : number
Par défaut : 3
trendlines.n.labelInLegend

Si elle est définie, la courbe de tendance apparaîtra dans la légende sous cette chaîne.

Type : string
Par défaut : null
trendlines.n.lineWidth

Largeur de la ligne de la courbe de tendance, en pixels.

Type : number
Par défaut : 2
trendlines.n.type

Indique si les courbes de tendance sont 'linear' (par défaut), 'exponential' ou 'polynomial'.

Type : string
Par défaut : linear
trendlines.n.visibleInLegend

Indique si l'équation de la courbe de tendance s'affiche dans la légende. Il s'affichera dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut : false
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration des graphiques combinés

Nom
areaOpacity

Opacité par défaut de la zone colorée sous une série de graphiques en aires, où 0.0 est totalement transparent et 1.0 est totalement opaque. Pour spécifier l'opacité d'une série individuelle, définissez la valeur areaOpacity dans la propriété series.

Type : number, 0.0- 1.0
Par défaut : 0.3
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
curveType

Contrôle la courbe des lignes lorsque leur épaisseur n'est pas nulle. Les possibilités suivantes s'offrent à vous :

  • 'none' : lignes droites sans courbe.
  • 'function' : les angles de la ligne seront lissés.
Type : string
Par défaut : "none"
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
interpolateNulls

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, il devinera la valeur de toutes les données manquantes en fonction des points voisins. Si la valeur est false, une interruption sera insérée dans la ligne au point inconnu.

Cette option n'est pas compatible avec les graphiques en aires utilisant l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut : false
isStacked

Si la valeur est définie sur true, les éléments de toutes les séries sont empilés pour chaque valeur de domaine. Remarque : Dans les graphiques Column (Colonne), Area (Zone) et SteppedArea (Zone par étapes), Google Charts inverse l'ordre des éléments de la légende pour mieux correspondre à l'empilement des éléments de série (par exemple, la série 0 sera l'élément de légende le plus bas). Cela ne s'applique pas aux graphiques à barres.

L'option isStacked est également compatible avec l'empilement à 100 %, où les piles d'éléments de chaque valeur de domaine sont redimensionnées pour atteindre 100 %.

Les options pour isStacked sont les suivantes :

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries pour chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte qu'ils représentent 100 %, la valeur de chaque élément étant calculée en pourcentage de 100 %.
  • 'relative' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 1, la valeur de chaque élément étant calculée sous forme de fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour l'empilement à 100 %, la valeur calculée pour chaque élément s'affiche dans l'info-bulle après sa valeur réelle.

L'axe cible est défini par défaut sur des valeurs de graduation basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100 % pour 'percent' (remarque : lorsque vous utilisez l'option 'percent', les valeurs de l'axe/de graduation sont affichées sous forme de pourcentages, mais les valeurs réelles sont les valeurs de l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages résultent de l'application d'un format "#.##%" aux valeurs relatives de l'échelle 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations et les grilles à l'aide des valeurs d'échelle relative de 0 à 1. Vous pouvez personnaliser les valeurs et la mise en forme des graduations/lignes de la grille à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100 % n'accepte que les valeurs de données de type number et doit avoir une valeur de référence de zéro.

Type : boolean/string
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largeur de la ligne de données en pixels. Utilisez zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series.

Type : number
Par défaut : 2
pointShape

Forme des éléments de données individuels : 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour obtenir des exemples, consultez la documentation sur les points .

Type : string
Par défaut : 'circle'
pointSize

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affecte la largeur de la ligne de tendance, sauf si vous la remplacez par l'option trendlines.n.pointsize.

Type : number
Par défaut : 0
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser des valeurs par défaut pour une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • annotations : objet à appliquer aux annotations de cette série. Cela peut être utilisé pour contrôler, par exemple, le textStyle de la série :

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Consultez les différentes options annotations pour obtenir une liste plus complète des éléments personnalisables.

  • areaOpacity : remplace le areaOpacity global pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur globale curveType pour cette série.
  • fallingColor.fill : remplace la valeur globale candlestick.fallingColor.fill pour cette série.
  • fallingColor.stroke : remplace la valeur globale candlestick.fallingColor.stroke pour cette série.
  • fallingColor.strokeWidth : remplace la valeur globale candlestick.fallingColor.strokeWidth pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • risingColor.fill : remplace la valeur globale candlestick.risingColor.fill pour cette série.
  • risingColor.stroke : remplace la valeur globale candlestick.risingColor.stroke pour cette série.
  • risingColor.strokeWidth : remplace la valeur globale candlestick.risingColor.strokeWidth pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • type : type de repère pour cette série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration des jauges

Nom
greenColor

Couleur à utiliser pour la section verte dans la notation des couleurs HTML.

Type : string
Par défaut : '#109618'
greenFrom

Valeur la plus faible d'une plage marquée en vert.

Type : number
Par défaut : aucune
greenTo

Valeur la plus élevée d'une plage marquée en vert.

Type : number
Par défaut : aucune
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : largeur du conteneur
max

Valeur maximale à afficher sur l'axe Y. Si le point de données maximal dépasse cette valeur, ce paramètre est ignoré et le graphique est ajusté pour afficher la graduation principale suivante au-dessus du point de données maximal. Cette valeur est prioritaire sur la valeur maximale de l'axe Y déterminée par scaleType.

Cela ressemble à maxValue dans les graphiques principaux.

Type : number
Par défaut : automatique
min

Valeur minimale à afficher sur l'axe Y. Si le point de données minimal est inférieur à cette valeur, ce paramètre est ignoré et le graphique est ajusté pour afficher la graduation principale suivante en dessous du point de données minimal. Cette valeur est prioritaire sur le minimum de l'axe Y déterminé par scaleType.

Cela ressemble à minValue dans les graphiques principaux.

Type : number
Par défaut : automatique
redColor

Couleur à utiliser pour la section rouge dans la notation des couleurs HTML.

Type : string
Par défaut : '#DC3912'
redFrom

Valeur la plus faible d'une plage marquée en rouge.

Type : number
Par défaut : aucune
redTo

Valeur la plus élevée d'une plage marquée en rouge.

Type : number
Par défaut : aucune
largeur

Largeur du graphique en pixels.

Type : number
Par défaut : largeur du conteneur
yellowColor

Couleur à utiliser pour la section jaune dans la notation des couleurs HTML.

Type : string
Par défaut : '#FF9900'
yellowFrom

Valeur la plus faible d'une plage marquée en jaune.

Type : number
Par défaut : aucune
yellowTo

Valeur la plus élevée d'une plage marquée en jaune.

Type : number
Par défaut : aucune

Options de configuration des graphiques géographiques

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
datalessRegionColor

Couleur à attribuer aux régions sans données associées.

Type : string
Par défaut : '#F5F5F5'
defaultColor

Couleur à utiliser pour les points de données d'un graphique géographique lorsque l'emplacement (par exemple, 'US') est présent, mais la valeur est null ou non spécifiée. Cette couleur est différente de datalessRegionColor, qui est utilisée lorsque des données sont manquantes.

Type : string
Par défaut : '#267114'
displayMode

Type de graphique géographique. Le format DataTable doit correspondre à la valeur spécifiée. Les valeurs suivantes sont acceptées :

  • 'auto' : choisissez en fonction du format de DataTable.
  • 'regions' : colore les régions du graphique géographique.
  • 'markers' : placez des repères sur les régions.
  • 'text' : libellez les régions avec le texte de DataTable.
Type : string
Par défaut : "auto"
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
région

Zone à afficher sur le graphique géographique. Les zones environnantes sont également affichées. Peut être l'une des valeurs suivantes :

  • 'world' : graphique géographique du monde entier.
  • Continent ou sous-continent, spécifié par son code à trois chiffres (par exemple, '011' pour l'Afrique de l'Ouest.
  • Pays spécifié par son code ISO 3166-1 alpha-2, par exemple 'AU' pour l'Australie.
  • État des États-Unis, spécifié par son code ISO 3166-2:US, par exemple 'US-AL' pour l'Alabama. Notez que l'option resolution doit être définie sur 'provinces' ou 'metros'.
Type : string
Valeur par défaut : "world"
largeur

Largeur du graphique en pixels.

Type : number
Par défaut : largeur de l'élément conteneur

Options de configuration de l'histogramme

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object/div>
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
histogram.bucketSize

Codez en dur la taille de chaque barre d'histogramme au lieu de la laisser être déterminée de manière algorithmique.

Type : number
Par défaut : auto
histogram.hideBucketItems

Omettez les divisions fines entre les blocs de l'histogramme pour le transformer en une série de barres pleines.

Type : boolean
Par défaut : false
histogram.lastBucketPercentile

Lors du calcul de la taille des buckets de l'histogramme, ignorez les lastBucketPercentile % supérieurs et inférieurs. Les valeurs sont toujours incluses dans l'histogramme, mais n'affectent pas le bucketing.

Type : number
Par défaut : 0
interpolateNulls

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, il devinera la valeur de toutes les données manquantes en fonction des points voisins. Si la valeur est false, une interruption sera insérée dans la ligne au point inconnu.

Cette option n'est pas compatible avec les graphiques en aires utilisant l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut : false
isStacked

Si la valeur est définie sur true, les éléments de toutes les séries sont empilés pour chaque valeur de domaine. Remarque : Dans les graphiques Column (Colonne), Area (Zone) et SteppedArea (Zone par étapes), Google Charts inverse l'ordre des éléments de la légende pour mieux correspondre à l'empilement des éléments de série (par exemple, la série 0 sera l'élément de légende le plus bas). Cela ne s'applique pas aux graphiques à barres.

L'option isStacked est également compatible avec l'empilement à 100 %, où les piles d'éléments de chaque valeur de domaine sont redimensionnées pour atteindre 100 %.

Les options pour isStacked sont les suivantes :

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries pour chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte qu'ils représentent 100 %, la valeur de chaque élément étant calculée en pourcentage de 100 %.
  • 'relative' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 1, la valeur de chaque élément étant calculée sous forme de fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour l'empilement à 100 %, la valeur calculée pour chaque élément s'affiche dans l'info-bulle après sa valeur réelle.

L'axe cible est défini par défaut sur des valeurs de graduation basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100 % pour 'percent' (remarque : lorsque vous utilisez l'option 'percent', les valeurs de l'axe/de graduation sont affichées sous forme de pourcentages, mais les valeurs réelles sont les valeurs de l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages résultent de l'application d'un format "#.##%" aux valeurs relatives de l'échelle 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations et les grilles à l'aide des valeurs d'échelle relative de 0 à 1. Vous pouvez personnaliser les valeurs et la mise en forme des graduations/lignes de la grille à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100 % n'accepte que les valeurs de données de type number et doit avoir une valeur de référence de zéro.

Type : boolean/string
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser des valeurs par défaut pour une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
largeur

Largeur du graphique en pixels.

Type : number
Par défaut : largeur de l'élément conteneur

Options de configuration des graphiques en courbes

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
curveType

Contrôle la courbe des lignes lorsque leur épaisseur n'est pas nulle. Les possibilités suivantes s'offrent à vous :

  • 'none' : lignes droites sans courbe.
  • 'function' : les angles de la ligne seront lissés.
Type : string
Par défaut : "none"
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
interpolateNulls

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, il devinera la valeur de toutes les données manquantes en fonction des points voisins. Si la valeur est false, une interruption sera insérée dans la ligne au point inconnu.

Cette option n'est pas compatible avec les graphiques en aires utilisant l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largeur de la ligne de données en pixels. Utilisez zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series.

Type : number
Par défaut : 2
pointShape

Forme des éléments de données individuels : 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour obtenir des exemples, consultez la documentation sur les points .

Type : string
Par défaut : 'circle'
pointSize

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affecte la largeur de la ligne de tendance, sauf si vous la remplacez par l'option trendlines.n.pointsize.

Type : number
Par défaut : 0
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les valeurs par défaut d'une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • annotations : objet à appliquer aux annotations de cette série. Cela peut être utilisé pour contrôler, par exemple, le textStyle de la série :

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Consultez les différentes options annotations pour obtenir une liste plus complète des éléments personnalisables.

  • type : type de repère pour cette série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur globale curveType pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est définie sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Affiche les tendances dans les graphiques compatibles. Par défaut, les courbes de tendance linear sont utilisées, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées pour chaque série. La plupart du temps, vos options se présenteront comme suit :

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Type : object
Par défaut : null
trendlines.n.color

Couleur de la courbe de tendance , exprimée sous la forme d'un nom de couleur en anglais ou d'une chaîne hexadécimale.

Type : string
Par défaut : couleur par défaut de la série
trendlines.n.degree

Pour les lignes de tendance de type: 'polynomial', le degré du polynôme (2 pour le second degré, 3 pour le troisième degré, etc.).

Type : number
Par défaut : 3
trendlines.n.labelInLegend

Si elle est définie, la courbe de tendance apparaîtra dans la légende sous cette chaîne.

Type : string
Par défaut : null
trendlines.n.lineWidth

Largeur de la ligne de la courbe de tendance , en pixels.

Type : number
Par défaut : 2
trendlines.n.type

Indique si les courbes de tendance sont 'linear' (par défaut), 'exponential' ou 'polynomial'.

Type : string
Par défaut : linear
trendlines.n.visibleInLegend

Indique si l'équation de la courbe de tendance s'affiche dans la légende. Il s'affichera dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut : false
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration de l'organigramme

Nom
couleur

Couleur d'arrière-plan des éléments de l'organigramme.

Type : string
Par défaut : '#edf7ff'
selectionColor

Couleur d'arrière-plan des éléments sélectionnés de l'organigramme.

Type : string
Par défaut : '#d6e9f8'
taille

Taille globale du graphique. Les options sont 'small', 'medium' ou 'large'.

Type : string
Par défaut : 'medium'

Options de configuration des graphiques à secteurs

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
is3D

Si la valeur est true, un graphique tridimensionnel s'affiche.

Type : boolean
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Si la valeur est comprise entre 0 et 1, un graphique en anneau s'affiche. Le rayon du trou est égal à number fois le rayon du graphique.

Type : number
Par défaut : 0
pieSliceBorderColor

Couleur des bordures des sections. Ne s'applique que lorsque le graphique est bidimensionnel.

Type : string
Par défaut : 'white'
pieSliceText

Contenu du texte affiché sur la tranche. Les possibilités suivantes s'offrent à vous :

  • 'percentage' : pourcentage de la taille de la tranche par rapport au total.
  • 'value' : valeur quantitative de la tranche.
  • 'label' : nom du segment.
  • 'none' : aucun texte ne s'affiche.
Type : string
Par défaut : 'percentage'
pieSliceTextStyle

Objet qui spécifie le style du texte du secteur. L'objet se présente sous la forme suivante :

{color: <string>, fontName: <string>, fontSize: <number>}

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
slices.color

Couleur à utiliser pour ce segment.

Type : string
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Options de configuration des graphiques à nuage de points

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
curveType

Contrôle la courbe des lignes lorsque leur épaisseur n'est pas nulle. Les possibilités suivantes s'offrent à vous :

  • 'none' : lignes droites sans courbe.
  • 'function' : les angles de la ligne seront lissés.
Type : string
Par défaut : "none"
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.gridlines

Objet contenant des propriétés permettant de configurer les lignes de la grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont tracées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.gridlines.color

Couleur des lignes de la grille horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal en échelle logarithmique (toutes les valeurs doivent être positives). Définissez-le sur true pour "oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut : false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela se traduit par un déplacement vers la droite. Ignoré si la valeur est inférieure à la valeur X maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille secondaires sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
hAxis.minorGridlines.color

Couleur des lignes de la grille mineure horizontale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est en grande partie obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de la grille secondaire dépend désormais entièrement de l'intervalle entre les lignes de la grille principale (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

Type : number
Par défaut : 1
hAxis.minValue

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers la gauche. Ignoré si la valeur est supérieure à la valeur X minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largeur de la ligne de données en pixels. Utilisez zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series.

Type : number
Par défaut : 2
pointShape

Forme des éléments de données individuels : 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour obtenir des exemples, consultez la documentation sur les points .

Type : string
Par défaut : 'circle'
pointSize

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affecte la largeur de la ligne de tendance, sauf si vous la remplacez par l'option trendlines.n.pointsize.

Type : number
Par défaut : 0
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser des valeurs par défaut pour une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué,ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques. Elles déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est définie sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Affiche les tendances dans les graphiques compatibles. Par défaut, les courbes de tendance linear sont utilisées, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées pour chaque série. La plupart du temps, vos options se présenteront comme suit :

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Type : object
Par défaut : null
trendlines.n.color

Couleur de la courbe de tendance , exprimée sous la forme d'un nom de couleur en anglais ou d'une chaîne hexadécimale.

Type : string
Par défaut : couleur par défaut de la série
trendlines.n.degree

Pour les lignes de tendance de type: 'polynomial', le degré du polynôme (2 pour le second degré, 3 pour le troisième degré, etc.).

Type : number
Par défaut : 3
trendlines.n.labelInLegend

Si elle est définie, la courbe de tendance apparaîtra dans la légende sous cette chaîne.

Type : string
Par défaut : null
trendlines.n.lineWidth

Largeur de la ligne de la courbe de tendance , en pixels.

Type : number
Par défaut : 2
trendlines.n.type

Indique si les courbes de tendance sont 'linear' (par défaut), 'exponential' ou 'polynomial'.

Type : string
Par défaut : linear
trendlines.n.visibleInLegend

Indique si l'équation de la courbe de tendance s'affiche dans la légende. Il s'affichera dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut : false
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto

Options de configuration des graphiques en aires en escalier

Nom
areaOpacity

Opacité par défaut de la zone colorée sous une série de graphiques en aires, où 0.0 est totalement transparent et 1.0 est totalement opaque. Pour spécifier l'opacité d'une série individuelle, définissez la valeur areaOpacity dans la propriété series.

Type : number, 0.0- 1.0
Par défaut : 0.3
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut : 'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés : un nombre ou un nombre suivi d'un pourcentage. Un nombre simple est une valeur en pixels, tandis qu'un nombre suivi d'un pourcentage est une valeur en pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut : null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies :
  • stroke : couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth : si cette option est fournie, elle dessine une bordure autour de la zone du graphique avec la largeur indiquée (et la couleur de stroke).
Type : string ou object
Par défaut : 'white'
chartArea.height

Hauteur de la zone du graphique.

Type : number ou string
Par défaut : auto
chartArea.left

Distance à laquelle le graphique doit être dessiné par rapport à la bordure de gauche.

Type : number ou string
Par défaut : auto
chartArea.top

Distance à laquelle le graphique doit être tracé à partir de la bordure supérieure.

Type : number ou string
Par défaut : auto
chartArea.width

Largeur de la zone du graphique.

Type : number ou string
Par défaut : auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut : null
hAxis.direction

Direction dans laquelle les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
hAxis.textStyle

Objet qui spécifie le style du texte de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriété hAxis qui spécifie le titre de l'axe horizontal.

Type : string
Par défaut : null
hAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe horizontal. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut : null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Par défaut : auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
isStacked

Si la valeur est définie sur true, les éléments de toutes les séries sont empilés pour chaque valeur de domaine. Remarque : Dans les graphiques Column (Colonne), Area (Zone) et SteppedArea (Zone par étapes), Google Charts inverse l'ordre des éléments de la légende pour mieux correspondre à l'empilement des éléments de série (par exemple, la série 0 sera l'élément de légende le plus bas). Cela ne s'applique pas aux graphiques à barres.

L'option isStacked est également compatible avec l'empilement à 100 %, où les piles d'éléments de chaque valeur de domaine sont redimensionnées pour atteindre 100 %.

Les options pour isStacked sont les suivantes :

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries pour chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte qu'ils représentent 100 %, la valeur de chaque élément étant calculée en pourcentage de 100 %.
  • 'relative' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 1, la valeur de chaque élément étant calculée sous forme de fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour l'empilement à 100 %, la valeur calculée pour chaque élément s'affiche dans l'info-bulle après sa valeur réelle.

L'axe cible est défini par défaut sur des valeurs de graduation basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100 % pour 'percent' (remarque : lorsque vous utilisez l'option 'percent', les valeurs de l'axe/de graduation sont affichées sous forme de pourcentages, mais les valeurs réelles sont les valeurs de l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages résultent de l'application d'un format "#.##%" aux valeurs relatives de l'échelle 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations et les grilles à l'aide des valeurs d'échelle relative de 0 à 1. Vous pouvez personnaliser les valeurs et la mise en forme des graduations/lignes de la grille à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100 % n'accepte que les valeurs de données de type number et doit avoir une valeur de référence de zéro.

Type : boolean/ string
Par défaut : false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut : null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : en haut à gauche du graphique.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut : 'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, les séries sont dessinées de droite à gauche. Par défaut, le tracé s'effectue de gauche à droite.

Cette option n'est compatible qu'avec un axe discrete major.

Type : boolean
Par défaut : false
série

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les valeurs par défaut d'une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes :

  • areaOpacity : remplace le areaOpacity global pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • type : type de repère pour cette série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être attribuée à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou vous pouvez spécifier un objet où chaque enfant possède une clé numérique indiquant à quelle série il s'applique.Par exemple, les deux déclarations suivantes sont identiques et déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende :

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type : tableau d'objets ou objet avec des objets imbriqués
Par défaut : {}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique du graphique. Actuellement, un seul thème est disponible :

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés à l'intérieur de la zone du graphique.
Type : string
Par défaut : null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est définie sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si la valeur est définie sur true, le graphique traitera la colonne comme domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés acceptées par vAxis. Ces valeurs de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci :

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau. L'objet est une collection d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit. Il s'agit du format indiqué ci-dessus. Le tableau est un tableau d'objets, un par axe. Par exemple, la notation de style tableau suivante est identique à l'objet vAxis présenté ci-dessus :

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type : tableau d'objets ou objet avec des objets enfants
Par défaut : null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut : null
vAxis.direction

Direction dans laquelle les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type : 1 ou -1
Par défaut : 1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de la grille sur l'axe vertical. Notez que les lignes de la grille de l'axe vertical sont tracées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous :

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut : null
vAxis.gridlines.color

Couleur des lignes verticales de la grille à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : '#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de la grille. Vous pouvez spécifier la valeur 1 pour n'afficher qu'une seule ligne de grille ou 0 pour n'en afficher aucune. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de la grille en fonction des autres options.

Type : number
Par défaut : -1
vAxis.logScale

Si la valeur est true, l'axe vertical est une échelle logarithmique. Remarque : Toutes les valeurs doivent être positives.

Type : boolean
Par défaut : false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cette valeur sera vers le haut. Ignoré si la valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut : automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de la grille secondaire sur l'axe vertical, comme l'option vAxis.gridlines.

Type : object
Par défaut : null
vAxis.minorGridlines.color

Couleur des lignes de la grille mineure verticale à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut : mélange des couleurs des lignes de la grille et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est obsolète, sauf pour désactiver les lignes secondaires de la grille en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut : 1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, cela correspond à un déplacement vers le bas. Ignoré si la valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut : null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées : 'out', 'in', 'none'.

Type : string
Par défaut : 'out'
vAxis.textStyle

Objet qui spécifie le style du texte de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut : aucun titre
vAxis.titleTextStyle

Objet qui spécifie le style du texte du titre de l'axe vertical. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut : null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "pretty" (joli) ou "maximized" (maximisé).

Type : number
Par défaut : auto
largeur

Largeur du graphique en pixels.

Type : number
Par défaut : largeur de l'élément conteneur

Options de configuration des tableaux

Nom
alternatingRowStyle

Détermine si un style de couleur alternée sera attribué aux lignes impaires et paires.

Type : boolean
Par défaut : true
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
page

Indique si et comment activer la pagination dans les données. Choisissez l'une des valeurs string suivantes :

  • 'enable' : la table inclut des boutons "Page suivante" et "Page précédente". En cliquant sur ces boutons, l'opération de pagination est effectuée et la page affichée est modifiée. Vous pouvez également définir l'option pageSize.
  • 'event' : le tableau inclut des boutons "Page suivante" et "Page précédente", mais lorsque l'utilisateur clique dessus, un événement 'page' est déclenché et la page affichée ne change pas. Cette option doit être utilisée lorsque le code implémente sa propre logique de changement de page. Consultez l'exemple TableQueryWrapper pour découvrir comment gérer manuellement les événements de pagination.
  • 'disable' : [valeur par défaut] la pagination n'est pas acceptée.
  • Type : string
    Par défaut : 'disable'
pageSize

Nombre de lignes sur chaque page lorsque la pagination est activée avec l'option "page".

Type : number
Par défaut : 10
showRowNumber

Si la valeur est définie sur true, le numéro de ligne s'affiche dans la première colonne du tableau.

Type : boolean
Par défaut : false
trier

Indique si et comment trier les colonnes lorsque l'utilisateur clique sur un en-tête de colonne. Si le tri est activé, pensez également à définir les propriétés sortAscending et sortColumn. Choisissez l'une des valeurs string suivantes :

  • 'enable' – [Par défaut] Les utilisateurs peuvent cliquer sur les en-têtes de colonne pour trier les données selon la colonne sélectionnée. Lorsque les utilisateurs cliquent sur l'en-tête de colonne, les lignes sont automatiquement triées et un événement 'sort' est déclenché.
  • 'event' : lorsqu'un utilisateur clique sur l'en-tête de colonne, un événement 'sort' est déclenché, mais les lignes ne sont pas automatiquement triées. Cette option doit être utilisée lorsque la page implémente son propre tri. Consultez l'exemple TableQueryWrapper pour découvrir comment gérer manuellement les événements de tri.
  • 'disable' : cliquer sur un en-tête de colonne n'a aucun effet.
Type : string
Par défaut : 'enable'
sortAscending

Ordre de tri de la colonne de tri initiale. True pour l'ordre croissant, false pour l'ordre décroissant. Ignoré si sortColumn n'est pas spécifié.

Type : boolean
Par défaut : true
sortColumn

Index d'une colonne du tableau de données, selon lequel le tableau est initialement trié. La colonne est marquée d'une petite flèche indiquant l'ordre de tri.

Type : number
Par défaut : -1
largeur

Largeur du graphique en pixels.

Type : number
Par défaut : largeur de l'élément conteneur

Options de configuration de la chronologie

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet avec les propriétés suivantes.

Type : string ou object
Par défaut : 'white'
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple colors:['red','#004411'].

Type : tableau de chaînes
Par défaut : couleurs par défaut
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut : hauteur de l'élément conteneur
largeur

Largeur du graphique en pixels.

Type : number
Par défaut : largeur de l'élément conteneur

Options de configuration des graphiques en arbre

Nom
headerColor

Couleur de la section d'en-tête pour chaque nœud. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut : #988f86
maxColor

Couleur d'un rectangle dont la valeur de la colonne 3 est maxColorValue. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut : #00dd00
maxDepth

Nombre maximal de niveaux de nœuds à afficher dans la vue actuelle. Les niveaux sont aplatis dans le plan actuel. Si votre arbre comporte plus de niveaux, vous devez monter ou descendre pour les voir. Vous pouvez également voir les niveaux maxPostDepth ci-dessous sous la forme de rectangles ombrés dans ces nœuds.

Type : number
Par défaut : 1
maxPostDepth

Nombre de niveaux de nœuds au-delà de maxDepth à afficher de manière "suggérée". Les nœuds suggérés sont affichés sous forme de rectangles ombrés dans un nœud qui se trouve dans la limite maxDepth.

Type : number
Par défaut : 0
midColor

Couleur d'un rectangle dont la valeur de la colonne 3 se situe à mi-chemin entre maxColorValue et minColorValue. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut : #000000
minColor

Couleur d'un rectangle dont la valeur de la colonne 3 est minColorValue. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut : #dd0000
noColor

Couleur à utiliser pour un rectangle lorsqu'un nœud n'a aucune valeur pour la colonne 3 et que ce nœud est une feuille (ou ne contient que des feuilles). Spécifiez une valeur de couleur HTML.

Type : string
Par défaut : #000000
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut : aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Objet qui spécifie le style du texte du titre. La couleur peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut : aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet se présente sous la forme suivante :

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}