Options de configuration des graphiques

Types de graphiques

Options de configuration du graphique d'annotations

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

Permet d'afficher ou non la zone de sélection de la plage de zoom (la zone située au bas du graphique), où false signifie que non.

Le contour du sélecteur de zoom est une version d'é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

Permet d'afficher ou non les boutons de zoom ("1 j 5 j 1 m", etc.), où 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 coche 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.

Cette valeur est semblable à 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 coche principale suivante en dessous du point de données minimal. Cette valeur est prioritaire sur la valeur minimale de l'axe Y déterminée par scaleType.

Cette valeur est semblable à 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 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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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 divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il déduit la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut dans la ligne sera laissé au point inconnu.

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

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans les graphiques Column, Area et SteppedArea, Google Charts inverse l'ordre des éléments de légende pour mieux correspondre à l'empilement des éléments de la 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 pour 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 à chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 100%, la valeur de chaque élément étant calculée sous la forme d'un pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries à 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 la forme d'une fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

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

L'axe cible utilise par défaut les 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 et des graduations sont affichées sous forme de pourcentages, tandis que les valeurs réelles correspondent aux valeurs d'échelle relatives de 0 à 1. En effet, les graduations de l'axe en pourcentage sont le résultat de l'application d'un format de "#.##%" aux valeurs d'échelle relatives 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/gridlines à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs du quadrillage/de graduation ainsi que la mise en forme à 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 référence égale à zéro.

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

Objet avec des membres permettant de configurer divers 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 qu'aucun series ne soit associé à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également fontName et fontSize.

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

Épaisseur de la ligne de données en pixels. Utilisez la valeur zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de chaque série à 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'. Consultez la documentation sur les points pour obtenir des exemples.

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 chaque série à l'aide de la propriété series.

Type : number
Par défaut:0
reverseCategories

Si la valeur est définie sur true, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • annotations : objet à appliquer aux annotations de cette série. Cela permet de contrôler, par exemple, le textStyle de la série: 

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

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

  • areaOpacity : remplace la valeur globale areaOpacity pour cette série.
  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cette série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false signifie que ce n'est pas le cas. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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 compatibles avec hAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant plusieurs axes horizontaux, commencez par définir 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:

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
hAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans les graphiques Column, Area et SteppedArea, Google Charts inverse l'ordre des éléments de légende pour mieux correspondre à l'empilement des éléments de la 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 pour 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 à chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 100%, la valeur de chaque élément étant calculée sous la forme d'un pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries à 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 la forme d'une fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

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

L'axe cible utilise par défaut les 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 et des graduations sont affichées sous forme de pourcentages, tandis que les valeurs réelles correspondent aux valeurs d'échelle relatives de 0 à 1. En effet, les graduations de l'axe en pourcentage sont le résultat de l'application d'un format de "#.##%" aux valeurs d'échelle relatives 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/gridlines à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs du quadrillage/de graduation ainsi que la mise en forme à 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 référence égale à zéro.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • annotations : objet à appliquer aux annotations de cette série. Cela permet de contrôler, par exemple, le textStyle de la série: 

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

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

  • color : couleur à utiliser pour cette série. Indiquez 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false qu'elle ne doit pas l'être. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Affiche les lignes de tendance sur 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 par série. Par conséquent, la plupart du temps, les options se présentent 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 ligne de tendance , exprimée sous la forme d'un nom de couleur anglais ou d'une chaîne hexadécimale.

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

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

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

Si elle est définie, la ligne de tendance apparaît dans la légende en tant que chaîne.

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

Épaisseur de la ligne de tendance, en pixels.

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

Indique si les lignes de tendance sont définies sur 'linear' (valeur par défaut), 'exponential' ou 'polynomial'.

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "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 totalement opaque.

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

Couleur du trait des bulles.

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

Objet qui spécifie le style du texte en bulle. L'objet a le format suivant:

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

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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 divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également fontName et fontSize.

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

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

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

Objet avec des membres permettant de configurer la manière dont les valeurs sont associées à 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 bulle la plus grande possible (en pixels).

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

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

Type : number
Valeur par défaut:5
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisé".

Type : number
Par défaut:auto

Options de configuration d'Agenda

Nom
taille

Hauteur du graphique en pixels.

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

Largeur du graphique en pixels.

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

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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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 divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • color : couleur à utiliser pour cette série. Indiquez 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false qu'elle ne doit pas l'être. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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 divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans les graphiques Column, Area et SteppedArea, Google Charts inverse l'ordre des éléments de légende pour mieux correspondre à l'empilement des éléments de la 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 pour 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 à chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 100%, la valeur de chaque élément étant calculée sous la forme d'un pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries à 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 la forme d'une fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

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

L'axe cible utilise par défaut les 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 et des graduations sont affichées sous forme de pourcentages, tandis que les valeurs réelles correspondent aux valeurs d'échelle relatives de 0 à 1. En effet, les graduations de l'axe en pourcentage sont le résultat de l'application d'un format de "#.##%" aux valeurs d'échelle relatives 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/gridlines à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs du quadrillage/de graduation ainsi que la mise en forme à 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 référence égale à zéro.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • annotations : objet à appliquer aux annotations de cette série. Cela permet de contrôler, par exemple, le textStyle de la série: 

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

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

  • color : couleur à utiliser pour cette série. Indiquez 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Affiche les lignes de tendance sur 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 par série. Par conséquent, la plupart du temps, les options se présentent 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 ligne de tendance , exprimée sous la forme d'un nom de couleur anglais ou d'une chaîne hexadécimale.

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

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

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

Si elle est définie, la ligne de tendance apparaît dans la légende en tant que chaîne.

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

Épaisseur de la ligne de tendance, en pixels.

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

Indique si les lignes de tendance sont définies sur 'linear' (valeur par défaut), 'exponential' ou 'polynomial'.

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "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 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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Permet de contrôler la courbe des lignes lorsque l'épaisseur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

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

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il déduit la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut dans la ligne sera laissé au point inconnu.

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

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans les graphiques Column, Area et SteppedArea, Google Charts inverse l'ordre des éléments de légende pour mieux correspondre à l'empilement des éléments de la 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 pour 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 à chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 100%, la valeur de chaque élément étant calculée sous la forme d'un pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries à 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 la forme d'une fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

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

L'axe cible utilise par défaut les 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 et des graduations sont affichées sous forme de pourcentages, tandis que les valeurs réelles correspondent aux valeurs d'échelle relatives de 0 à 1. En effet, les graduations de l'axe en pourcentage sont le résultat de l'application d'un format de "#.##%" aux valeurs d'échelle relatives 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/gridlines à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs du quadrillage/de graduation ainsi que la mise en forme à 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 référence égale à zéro.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également fontName et fontSize.

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

Épaisseur de la ligne de données en pixels. Utilisez la valeur zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de chaque série à 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'. Consultez la documentation sur les points pour obtenir des exemples.

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 chaque série à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affecte sa largeur, 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • annotations : objet à appliquer aux annotations de cette série. Cela permet de contrôler, par exemple, le textStyle de la série: 

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

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

  • areaOpacity : remplace la valeur globale areaOpacity pour cette série.
  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur curveType globale 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 lineDashStyle globale pour cette série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • 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 : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false qu'elle ne doit pas l'être. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisé".

Type : number
Par défaut:auto

Options de configuration de la jauge

Nom
greenColor

Couleur à utiliser pour la section verte en notation HTML.

Type : string
Par défaut:'#109618'
greenFrom

Valeur la plus faible pour une plage en vert.

Type : number
Par défaut:aucune
greenTo

Valeur la plus élevée pour une plage en vert.

Type : number
Par défaut:aucune
taille

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 coche 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.

Cette valeur est semblable à 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 coche principale suivante en dessous du point de données minimal. Cette valeur est prioritaire sur la valeur minimale de l'axe Y déterminée par scaleType.

Cette valeur est semblable à minValue dans les graphiques principaux.

Type : number
Par défaut:automatique
redColor

Couleur à utiliser pour la section rouge en notation HTML.

Type : string
Par défaut:'#DC3912'
redFrom

Valeur la plus basse pour une plage rouge.

Type : number
Par défaut:aucune
redTo

Valeur la plus élevée pour une plage 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 de couleur HTML.

Type : string
Par défaut:'#FF9900'
yellowFrom

Valeur la plus faible pour une plage de couleur jaune.

Type : number
Par défaut:aucune
yellowTo

Valeur la plus élevée pour une plage jaune.

Type : number
Par défaut:aucune

Options de configuration du graphique géographique

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 le lieu (par exemple, 'US') est présent, mais la valeur est null ou n'est pas spécifiée. Elle est différente de datalessRegionColor, qui est la couleur utilisée lorsque des données sont manquantes.

Type : string
Par défaut:'#267114'
displayMode

Type de graphique géographique dont il s'agit. Le format du tableau de données doit correspondre à la valeur spécifiée. Les valeurs suivantes sont acceptées:

  • 'auto' : sélectionnez l'élément en fonction du format du tableau de données.
  • 'regions' : colore les régions sur le graphique géographique.
  • 'markers' : placez des repères sur les régions.
  • 'text' : étiquetez les régions avec le texte de la table de données.
Type : string
Par défaut : "auto"
taille

Hauteur du graphique en pixels.

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

Objet avec des membres permettant de configurer divers 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 a le format suivant:

{ 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 également fontName et fontSize.

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

Zone à afficher dans le graphique géographique. Les environs sont également affichés. Il peut s'agir de l'un des éléments suivants:

  • '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.
  • Un 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
Par défaut : "world"
largeur

Largeur du graphique en pixels.

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

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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object/div>
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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 divers é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 avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément parent
histogram.bucketSize

Codez en dur la taille de chaque barre d'histogramme au lieu de la laisser être déterminée par un algorithme.

Type : number
Par défaut:auto
histogram.hideBucketItems

Omettez les fines divisions entre les blocs de l'histogramme pour en faire une série de barres pleines.

Type : boolean
Par défaut:false
histogram.lastBucketPercentile

Lors du calcul de la taille du bucket de l'histogramme, ignorez les lastBucketPercentile pour cent en haut et en bas. Les valeurs sont toujours incluses dans l'histogramme, mais n'affectent pas le binning.

Type : number
Par défaut:0
interpolateNulls

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il déduit la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut dans la ligne sera laissé au point inconnu.

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

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans les graphiques Column, Area et SteppedArea, Google Charts inverse l'ordre des éléments de légende pour mieux correspondre à l'empilement des éléments de la 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 pour 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 à chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 100%, la valeur de chaque élément étant calculée sous la forme d'un pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries à 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 la forme d'une fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

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

L'axe cible utilise par défaut les 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 et des graduations sont affichées sous forme de pourcentages, tandis que les valeurs réelles correspondent aux valeurs d'échelle relatives de 0 à 1. En effet, les graduations de l'axe en pourcentage sont le résultat de l'application d'un format de "#.##%" aux valeurs d'échelle relatives 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/gridlines à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs du quadrillage/de graduation ainsi que la mise en forme à 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 référence égale à zéro.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • color : couleur à utiliser pour cette série. Indiquez 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false qu'elle ne doit pas l'être. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisé".

Type : number
Par défaut:auto
largeur

Largeur du graphique en pixels.

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

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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Permet de contrôler la courbe des lignes lorsque l'épaisseur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

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

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il déduit la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut dans la ligne sera laissé au point inconnu.

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

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également fontName et fontSize.

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

Épaisseur de la ligne de données en pixels. Utilisez la valeur zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de chaque série à 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'. Consultez la documentation sur les points pour obtenir des exemples.

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 chaque série à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affecte sa largeur, 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • annotations : objet à appliquer aux annotations de cette série. Cela permet de contrôler, par exemple, le textStyle de la série: 

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

    Consultez les différentes options de 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. Indiquez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur curveType globale pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cette série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false qu'elle ne doit pas l'être. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Affiche les lignes de tendance sur 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 par série. Par conséquent, la plupart du temps, les options se présentent 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 ligne de tendance , exprimée sous la forme d'un nom de couleur anglais ou d'une chaîne hexadécimale.

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

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

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

Si elle est définie, la ligne de tendance apparaît dans la légende en tant que chaîne.

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

Épaisseur de la ligne de tendance , en pixels.

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

Indique si les lignes de tendance sont définies sur 'linear' (valeur par défaut), 'exponential' ou 'polynomial'.

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisé".

Type : number
Par défaut:auto

Options de configuration de l'organigramme

Nom
color

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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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
taille

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément parent
is3D

Si la valeur est true, un graphique en trois dimensions s'affiche.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également fontName et fontSize.

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

Si elle est comprise entre 0 et 1, un graphique en anneau s'affiche. Le rayon du trou est égal à number fois celui du graphique.

Type : number
Par défaut:0
pieSliceBorderColor

Couleur des bordures des secteurs. Uniquement applicable lorsque le graphique est bidimensionnel.

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

Contenu du texte affiché sur le secteur. Les possibilités suivantes s'offrent à vous :

  • 'percentage' : pourcentage de la taille du secteur par rapport au total.
  • 'value' : valeur quantitative de la tranche.
  • 'label' : nom de la tranche.
  • 'none' : aucun texte n'est affiché.
Type : string
Par défaut:'percentage'
pieSliceTextStyle

Objet spécifiant le style de texte du secteur. L'objet a le format suivant:

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

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

Type : boolean
Par défaut:false
slices.color

Couleur à utiliser pour ce secteur.

Type : string
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir é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 spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également 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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Permet de contrôler la courbe des lignes lorsque l'épaisseur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

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

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverser l'ordre des valeurs.

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné 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 disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage horizontales dans 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 quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

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

Cette option n'est disponible que pour 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. Elle sera positionnée vers la droite dans la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur 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 quadrillage mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est disponible que pour un axe continuous.

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend désormais entièrement de l'intervalle entre les principaux quadrillages (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. Elle sera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également fontName et fontSize.

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

Épaisseur de la ligne de données en pixels. Utilisez la valeur zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de chaque série à 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'. Consultez la documentation sur les points pour obtenir des exemples.

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 chaque série à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affecte sa largeur, sauf si vous la remplacez par l'option trendlines.n.pointsize.

Type : number
Par défaut:0
séries

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

  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cette série.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false qu'elle ne doit pas l'être. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué,soit un objet dans lequel 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Affiche les lignes de tendance sur 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 par série. Par conséquent, la plupart du temps, les options se présentent 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 ligne de tendance , exprimée sous la forme d'un nom de couleur anglais ou d'une chaîne hexadécimale.

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

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

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

Si elle est définie, la ligne de tendance apparaît dans la légende en tant que chaîne.

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

Épaisseur de la ligne de tendance , en pixels.

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

Indique si les lignes de tendance sont définies sur 'linear' (valeur par défaut), 'exponential' ou 'polynomial'.

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "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 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 de graphique (où le graphique est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels. Un nombre suivi de % est un 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 de 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 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 anglais.
  • strokeWidth: si ce champ est fourni, il dessine une bordure autour de la zone du graphique de la largeur donnée (et de la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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 divers é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

Sens de croissance des valeurs le long de l'axe horizontal. 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

hAxis spécifiant le titre de l'axe horizontal.

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

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ 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 également 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 maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

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

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
taille

Hauteur du graphique en pixels.

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

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans les graphiques Column, Area et SteppedArea, Google Charts inverse l'ordre des éléments de légende pour mieux correspondre à l'empilement des éléments de la 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 pour 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 à chaque valeur de domaine et les redimensionne de sorte que leur somme soit égale à 100%, la valeur de chaque élément étant calculée sous la forme d'un pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries à 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 la forme d'une fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

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

L'axe cible utilise par défaut les 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 et des graduations sont affichées sous forme de pourcentages, tandis que les valeurs réelles correspondent aux valeurs d'échelle relatives de 0 à 1. En effet, les graduations de l'axe en pourcentage sont le résultat de l'application d'un format de "#.##%" aux valeurs d'échelle relatives 0-1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/gridlines à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs du quadrillage/de graduation ainsi que la mise en forme à 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 référence égale à zéro.

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

Objet avec des membres permettant de configurer divers 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 qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • '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 a le format suivant:

{ 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 également 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, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est disponible que pour un axe discrete major.

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

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

  • areaOpacity : remplace la valeur globale areaOpacity pour cette série.
  • color : couleur à utiliser pour cette série. Indiquez 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 lineDashStyle globale 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 allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit avoir une entrée de légende et false qu'elle ne doit pas l'être. 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 un objet dont chaque enfant possède une clé numérique indiquant la série à laquelle il s'applique.Par exemple, les deux déclarations suivantes sont identiques, et la première série est déclarée 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 spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple 'red' ou '#00cc00'. Voir également 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 dans un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche la légende et tous les libellés qu'il contient.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le 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 compatibles avec vAxis. Ces valeurs remplacent les paramètres globaux d'une même propriété.

Pour spécifier un graphique comportant 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: 

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

Cette propriété peut être un objet ou un tableau. L'objet est un ensemble d'objets, chacun associé à un libellé numérique spécifiant 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 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'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers é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

Sens de croissance des valeurs le long de l'axe vertical. 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 le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné 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 disponible que pour un axe continuous.

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

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

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

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'un seul quadrillage, ou la valeur 0 pour ne dessiner aucun quadrillage. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de quadrillage en fonction d'autres options.

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

Si la valeur est true, l'axe vertical devient 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 est augmentée vers le haut. Ignoré si ce paramètre est défini sur une valeur 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 le quadrillage mineur sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est presque obsolète, à l'exception de la désactivation des lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre les principaux quadrillages 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. Elle est alors vers le bas dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur 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 acceptées: 'out', 'in', 'none'.

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

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ 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 également 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 "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisé".

Type : number
Par défaut:auto
largeur

Largeur du graphique en pixels.

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

Options de configuration des tableaux

Nom
alternatingRowStyle

Détermine si un style de couleur en alternance sera attribué aux lignes impaires et paires.

Type : boolean
Par défaut:true
taille

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément parent
page

Indique si et comment activer la pagination des données. Choisissez l'une des valeurs string suivantes:

  • 'enable' : le tableau comprendra des boutons de page suivante et de retour de page précédente. Cliquez sur ces boutons pour effectuer l'opération de pagination et modifier la page affichée. Vous pouvez également définir l'option pageSize.
  • 'event' : le tableau comprendra des boutons "Suivant" et "Précédent", mais le fait de cliquer dessus déclenche un événement 'page' et ne modifie pas la page affichée. Cette option doit être utilisée lorsque le code implémente sa propre logique de rotation des pages. Consultez l'exemple TableQueryWrapper pour découvrir comment gérer manuellement les événements de pagination.
  • 'disable' - [Par défaut] La pagination n'est pas prise en charge.
    • Type : string
    Par défaut:'disable'
pageSize

Nombre de lignes dans chaque page, lorsque la pagination est activée avec l'option "Page".

Type : number
Par défaut:10
showRowNumber

Si la valeur est true, affiche le numéro de ligne 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é, envisagez également de 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 en fonction de la colonne sur laquelle ils ont cliqué. 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' : lorsque les utilisateurs cliquent sur l'en-tête de colonne, un événement 'sort' est déclenché, mais les lignes ne sont pas automatiquement triées. Utilisez cette option lorsque la page implémente son propre tri. Consultez l'exemple TableQueryWrapper pour découvrir comment gérer manuellement le tri des événements.
  • 'disable'- Cliquer sur l'en-tête d'une colonne n'a aucun effet.
Type : string
Par défaut:'enable'
sortAscending

Ordre de tri de la colonne de tri initiale. True pour un ordre croissant, false pour un ordre décroissant. Ignoré si sortColumn n'est pas spécifié.

Type : boolean
Par défaut:true
sortColumn

Index d'une colonne de la table de données, en fonction duquel 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 parent

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
taille

Hauteur du graphique en pixels.

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

Largeur du graphique en pixels.

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

Options de configuration du graphique en arbre

Nom
headerColor

Couleur de la section d'en-tête de 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œud à afficher dans la vue actuelle. Les niveaux sont aplatis dans le plan actuel. Si l'arborescence comporte plus de niveaux, vous devez monter ou descendre pour les afficher. Vous pouvez également voir maxPostDepth niveaux en dessous sous forme de rectangles ombrés à l'intérieur de ces nœuds.

Type : number
Par défaut:1
maxPostDepth

Nombre de niveaux de nœuds au-delà de maxDepth à afficher de manière "avec indice". Les nœuds avec indications sont affichés sous la forme de rectangles ombrés au sein d'un nœud situé dans la limite de 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 avec la valeur minColorValue pour la colonne 3. 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 pas de 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 spécifiant le style du texte du titre.

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

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

Objet spécifiant le style du texte du titre. La couleur 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 spécifiant le style du texte du titre. L'objet a le format suivant:

{ 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 également fontName et fontSize.

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