Options de configuration des graphiques

Types de graphiques

Options de configuration des graphiques 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 (zone située au bas du graphique), où false correspond à "non".

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

Type : boolean
Par défaut:true
displayZoomButtons

Permet de spécifier si les boutons de zoom doivent être affichés ("1d 5d 1m", 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 prochaine coche majeure 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 prochaine coche majeure 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 entièrement 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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il devine la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut de ligne est inséré dans la ligne au point inconnu.

Cette option n'est pas prise en charge par les graphiques en aires associés à l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si ce paramètre est défini sur true, les éléments de toutes les séries sont empilés au niveau de chaque valeur de domaine. Remarque:Dans les graphiques À colonnes, Aire 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 à chaque valeur de domaine sont redimensionnées pour atteindre 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne seront pas empilés. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries à chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de manière à obtenir un total de 100 %. La valeur de chaque élément est 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 manière à obtenir un total de 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 de chaque élément apparaît dans l'info-bulle après sa valeur réelle.

Par défaut, l'axe cible gradue les valeurs en fonction de 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 des axes et des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent aux valeurs d'échelle relatives de 0-1. En effet, les graduations de l'axe des pourcentages résultent de l'application du format "#,##%" aux valeurs d'échelle 0-1 relatives. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/grilles à l'aide des valeurs d'échelle relatives de 0-1. Vous pouvez personnaliser les valeurs et la mise en forme des lignes de quadrillage et des graduations à 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 nulle.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 séries individuelles à l'aide de la propriété series.

Type : number
Par défaut:2
pointShape

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

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

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

Type : number
Par défaut:0
reverseCategories

Si la valeur est true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

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

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

    Consultez les différentes options annotations pour obtenir une liste plus complète de ce qui peut être personnalisé.

  • areaOpacity : remplace la valeur areaOpacity globale pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série qui apparaîtra dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 traite la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

Spécifie les propriétés de chaque axe horizontal, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes horizontaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de hAxes. L'exemple suivant attribue la série 1 à l'axe inférieur et lui 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet hAxis présenté ci-dessus: 

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Si ce paramètre est défini sur true, les éléments de toutes les séries sont empilés au niveau de chaque valeur de domaine. Remarque:Dans les graphiques À colonnes, Aire 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 à chaque valeur de domaine sont redimensionnées pour atteindre 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne seront pas empilés. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries à chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de manière à obtenir un total de 100 %. La valeur de chaque élément est 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 manière à obtenir un total de 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 de chaque élément apparaît dans l'info-bulle après sa valeur réelle.

Par défaut, l'axe cible gradue les valeurs en fonction de 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 des axes et des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent aux valeurs d'échelle relatives de 0-1. En effet, les graduations de l'axe des pourcentages résultent de l'application du format "#,##%" aux valeurs d'échelle 0-1 relatives. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/grilles à l'aide des valeurs d'échelle relatives de 0-1. Vous pouvez personnaliser les valeurs et la mise en forme des lignes de quadrillage et des graduations à 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 nulle.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

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

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

    Consultez les différentes options annotations pour obtenir une liste plus complète de ce qui peut être personnalisé.

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série qui apparaîtra 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 : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 des lignes de tendance sur les graphiques compatibles. Les lignes de tendance linear sont utilisées par défaut, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les lignes de tendance sont spécifiées par série. La plupart du temps, vos options se présentent donc 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 anglaise ou d'une chaîne hexadécimale.

Type : string
Par défaut:couleur de 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 cette valeur est définie, la ligne de tendance apparaîtra dans la légende en tant que chaîne.

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

L'épaisseur de la ligne de tendance, en pixels.

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

Indique si la ligne de tendance est '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 apparaîtra dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut:false
useFirstColumnAsDomain

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

Type : boolean
vAxis

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

Type : number
Par défaut:auto

Options de configuration du graphique à 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 possédant 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 couleurs 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 entièrement opaque.

Type:nombre compris entre 0,0 et 1
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 de l'info-bulle. L'objet a le format suivant:

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

Le champ color peut correspondre à 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 du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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>}
series

Objet constitué d'objets, dont 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 prend en charge les propriétés suivantes:

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

Objet comportant 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 de littéral d'objet, comme indiqué ci-dessous: 

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

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

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

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 traite la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

Type : number
Par défaut:auto

Options de configuration d'Agenda

Nom
hauteur

Hauteur du graphique en pixels.

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

Largeur du graphique en pixels.

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

Options de configuration du graphique 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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • fallingColor.fill : remplace la valeur globale candlestick.fallingColor.fill pour cette série.
  • fallingColor.stroke : remplace la valeur globale candlestick.fallingColor.stroke pour cette série.
  • fallingColor.strokeWidth : remplace la valeur globale candlestick.fallingColor.strokeWidth pour cette série.
  • labelInLegend : description de la série qui apparaîtra 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 : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 traite la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Si ce paramètre est défini sur true, les éléments de toutes les séries sont empilés au niveau de chaque valeur de domaine. Remarque:Dans les graphiques À colonnes, Aire 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 à chaque valeur de domaine sont redimensionnées pour atteindre 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne seront pas empilés. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries à chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de manière à obtenir un total de 100 %. La valeur de chaque élément est 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 manière à obtenir un total de 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 de chaque élément apparaît dans l'info-bulle après sa valeur réelle.

Par défaut, l'axe cible gradue les valeurs en fonction de 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 des axes et des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent aux valeurs d'échelle relatives de 0-1. En effet, les graduations de l'axe des pourcentages résultent de l'application du format "#,##%" aux valeurs d'échelle 0-1 relatives. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/grilles à l'aide des valeurs d'échelle relatives de 0-1. Vous pouvez personnaliser les valeurs et la mise en forme des lignes de quadrillage et des graduations à 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 nulle.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

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

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

    Consultez les différentes options annotations pour obtenir une liste plus complète de ce qui peut être personnalisé.

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série qui apparaîtra 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 vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 des lignes de tendance sur les graphiques compatibles. Les lignes de tendance linear sont utilisées par défaut, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les lignes de tendance sont spécifiées par série. La plupart du temps, vos options se présentent donc 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 anglaise ou d'une chaîne hexadécimale.

Type : string
Par défaut:couleur de 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 cette valeur est définie, la ligne de tendance apparaîtra dans la légende en tant que chaîne.

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

L'épaisseur de la ligne de tendance, en pixels.

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

Indique si la ligne de tendance est '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 apparaîtra dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut:false
useFirstColumnAsDomain

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

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "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 entièrement 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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

Permet de contrôler la courbe des lignes lorsque l'épaisseur de la ligne est différente de zéro. Les possibilités suivantes s'offrent à vous :

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il devine la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut de ligne est inséré dans la ligne au point inconnu.

Cette option n'est pas prise en charge par les graphiques en aires associés à l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si ce paramètre est défini sur true, les éléments de toutes les séries sont empilés au niveau de chaque valeur de domaine. Remarque:Dans les graphiques À colonnes, Aire 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 à chaque valeur de domaine sont redimensionnées pour atteindre 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne seront pas empilés. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries à chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de manière à obtenir un total de 100 %. La valeur de chaque élément est 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 manière à obtenir un total de 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 de chaque élément apparaît dans l'info-bulle après sa valeur réelle.

Par défaut, l'axe cible gradue les valeurs en fonction de 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 des axes et des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent aux valeurs d'échelle relatives de 0-1. En effet, les graduations de l'axe des pourcentages résultent de l'application du format "#,##%" aux valeurs d'échelle 0-1 relatives. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/grilles à l'aide des valeurs d'échelle relatives de 0-1. Vous pouvez personnaliser les valeurs et la mise en forme des lignes de quadrillage et des graduations à 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 nulle.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 séries individuelles à l'aide de la propriété series.

Type : number
Par défaut:2
pointShape

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

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

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affectera la largeur de la ligne de tendance, sauf si vous la remplacez par l'option trendlines.n.pointsize.

Type : number
Par défaut:0
reverseCategories

Si la valeur est true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

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

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

    Consultez les différentes options annotations pour obtenir une liste plus complète de ce qui peut être personnalisé.

  • areaOpacity : remplace la valeur globale areaOpacity pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur globale curveType pour cette série.
  • fallingColor.fill : remplace la valeur globale candlestick.fallingColor.fill pour cette série.
  • fallingColor.stroke : remplace la valeur globale candlestick.fallingColor.stroke pour cette série.
  • fallingColor.strokeWidth : remplace la valeur globale candlestick.fallingColor.strokeWidth pour cette série.
  • labelInLegend : description de la série qui apparaîtra dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • risingColor.fill : remplace la valeur globale candlestick.risingColor.fill pour cette série.
  • risingColor.stroke : remplace la valeur globale candlestick.risingColor.stroke pour cette série.
  • risingColor.strokeWidth : remplace la valeur globale candlestick.risingColor.strokeWidth pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être 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 la série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en réalité des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 traite la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "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 de couleur HTML.

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

Valeur la plus faible d'une plage marquée par une couleur verte.

Type : number
Par défaut:aucun
greenTo

Valeur la plus élevée d'une plage marquée par une couleur verte.

Type : number
Par défaut:aucun
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:largeur du conteneur
max

Valeur maximale à afficher sur l'axe Y. Si le point de données maximal dépasse cette valeur, ce paramètre est ignoré, et le graphique est ajusté pour afficher la prochaine coche majeure 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 prochaine coche majeure 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 de couleur HTML.

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

Valeur la plus faible d'une plage marquée par une couleur rouge.

Type : number
Par défaut:aucun
redTo

Valeur la plus élevée d'une plage marquée par une couleur rouge.

Type : number
Par défaut:aucun
largeur

Largeur du graphique en pixels.

Type : number
Par défaut:largeur du conteneur
yellowColor

Couleur à utiliser pour la section jaune en notation de couleur HTML.

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

Valeur la plus faible d'une plage marquée par une couleur jaune.

Type : number
Par défaut:aucun
yellowTo

Valeur la plus élevée d'une plage marquée par une couleur jaune.

Type : number
Par défaut:aucun

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 possédant 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 couleurs 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 non spécifiée. Elle se distingue de datalessRegionColor, qui est la couleur utilisée en l'absence de données.

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

De quel type de graphique il s'agit. Le format DataTable doit correspondre à la valeur spécifiée. Les valeurs suivantes sont acceptées:

  • 'auto' : faites votre choix en fonction du format du tableau de données.
  • 'regions' : colorez les régions du géographique.
  • 'markers' : placez des repères sur les régions.
  • 'text' : libellez les régions avec du texte issu du DataTable.
Type : string
Par défaut : "auto"
hauteur

Hauteur du graphique en pixels.

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

Objet avec 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 de littéral 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> }

Le champ color peut correspondre à 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 sur le graphique géographique. Les zones environnantes sont également affichées. Il peut s'agir de l'un des éléments suivants:

  • 'world' : 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 conteneur

Options de configuration de l'histogramme

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

Objet comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Codez en dur la taille de chaque barre d'histogramme au lieu de la laisser déterminer via un algorithme.

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

Omettez les divisions fines 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 pourcentages lastBucketPercentile supérieur et inférieur. 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 devine la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut de ligne est inséré dans la ligne au point inconnu.

Cette option n'est pas prise en charge par les graphiques en aires associés à l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si ce paramètre est défini sur true, les éléments de toutes les séries sont empilés au niveau de chaque valeur de domaine. Remarque:Dans les graphiques À colonnes, Aire 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 à chaque valeur de domaine sont redimensionnées pour atteindre 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne seront pas empilés. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries à chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de manière à obtenir un total de 100 %. La valeur de chaque élément est 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 manière à obtenir un total de 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 de chaque élément apparaît dans l'info-bulle après sa valeur réelle.

Par défaut, l'axe cible gradue les valeurs en fonction de 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 des axes et des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent aux valeurs d'échelle relatives de 0-1. En effet, les graduations de l'axe des pourcentages résultent de l'application du format "#,##%" aux valeurs d'échelle 0-1 relatives. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/grilles à l'aide des valeurs d'échelle relatives de 0-1. Vous pouvez personnaliser les valeurs et la mise en forme des lignes de quadrillage et des graduations à 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 nulle.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série qui apparaîtra 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 : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 traite la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "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 conteneur

Options de configuration des graphiques en courbes

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple 'red' ou '#00cc00', ou d'un objet possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

Permet de contrôler la courbe des lignes lorsque l'épaisseur de la ligne est différente de zéro. Les possibilités suivantes s'offrent à vous :

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il devine la valeur des données manquantes en fonction des points voisins. Si la valeur est false, un saut de ligne est inséré dans la ligne au point inconnu.

Cette option n'est pas prise en charge par les graphiques en aires associés à l'option isStacked: true/'percent'/'relative'/'absolute'.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 séries individuelles à l'aide de la propriété series.

Type : number
Par défaut:2
pointShape

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

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

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affectera la largeur de la ligne de tendance, sauf si vous la remplacez par l'option trendlines.n.pointsize.

Type : number
Par défaut:0
reverseCategories

Si la valeur est true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

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

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

    Consultez les différentes options annotations pour obtenir une liste plus complète de ce qui peut être personnalisé.

  • type : type de repère pour la série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en réalité des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur globale curveType pour cette série.
  • labelInLegend : description de la série qui apparaîtra dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 des lignes de tendance sur les graphiques compatibles. Les lignes de tendance linear sont utilisées par défaut, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les lignes de tendance sont spécifiées par série. La plupart du temps, vos options se présentent donc 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 anglaise ou d'une chaîne hexadécimale.

Type : string
Par défaut:couleur de 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 cette valeur est définie, la ligne de tendance apparaîtra dans la légende en tant que chaîne.

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

L'épaisseur de la ligne de tendance , en pixels.

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

Indique si la ligne de tendance est '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 apparaîtra dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut:false
useFirstColumnAsDomain

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

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

Type : number
Par défaut:auto

Options de configuration des organigrammes

Nom
couleur

Couleur d'arrière-plan des éléments de l'organigramme.

Type : string
Par défaut:'#edf7ff'
selectionColor

Couleur d'arrière-plan des éléments d'organigramme sélectionnés.

Type : string
Par défaut:'#d6e9f8'
size

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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

Hauteur du graphique en pixels.

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

Si la valeur est true, un graphique tridimensionnel s'affiche.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 la valeur est comprise entre 0 et 1, un graphique en anneau s'affiche. Le rayon du trou est égal à number fois le rayon du graphique.

Type : number
Par défaut:0
pieSliceBorderColor

Couleur des bordures des secteurs. Ne s'applique que lorsque le graphique est en deux dimensions.

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

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

  • 'percentage' : pourcentage de la taille de la tranche par rapport au total.
  • 'value' : valeur quantitative de la tranche.
  • 'label' : nom de la tranche.
  • 'none' : aucun texte ne s'affiche.
Type : string
Par défaut:'percentage'
pieSliceTextStyle

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

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

Le champ color peut correspondre à 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 true, trace une série de droite à gauche. Par défaut, le dessin s'effectue 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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>}
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

Permet de contrôler la courbe des lignes lorsque l'épaisseur de la ligne est différente de zéro. Les possibilités suivantes s'offrent à vous :

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

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

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

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

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

Objet doté de 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 de littéral 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 du quadrillage horizontal 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

hAxis qui définit une échelle logarithmique sur l'axe horizontal (toutes les valeurs doivent être positives). Défini 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. Dans la plupart des graphiques, elle apparaît vers la droite. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe horizontal, de la même manière que 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 horizontales mineures du quadrillage à l'intérieur de la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage (voir hAxis.gridlines.interval) et de l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

Déplace la valeur minimale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle apparaît vers la gauche. Ignoré si ce paramètre 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 séries individuelles à l'aide de la propriété series.

Type : number
Par défaut:2
pointShape

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

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

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series. Si vous utilisez une ligne de tendance, l'option pointSize affectera la largeur de la ligne de tendance, sauf si vous la remplacez par l'option trendlines.n.pointsize.

Type : number
Par défaut:0
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série qui apparaîtra dans la légende du graphique.
  • lineWidth : remplace la valeur globale lineWidth pour cette série.
  • pointShape : remplace la valeur globale pointShape pour cette série.
  • pointSize : remplace la valeur globale pointSize pour cette série.
  • pointsVisible : remplace la valeur globale pointsVisible pour cette série.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 donné,soit vous pouvez spécifier un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série elle 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 étant 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 des lignes de tendance sur les graphiques compatibles. Les lignes de tendance linear sont utilisées par défaut, mais vous pouvez les personnaliser avec l'option trendlines.n.type.

Les lignes de tendance sont spécifiées par série. La plupart du temps, vos options se présentent donc 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 anglaise ou d'une chaîne hexadécimale.

Type : string
Par défaut:couleur de 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 cette valeur est définie, la ligne de tendance apparaîtra dans la légende en tant que chaîne.

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

L'épaisseur de la ligne de tendance , en pixels.

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

Indique si la ligne de tendance est '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 apparaîtra dans l'info-bulle de la ligne de tendance.

Type : boolean
Par défaut:false
useFirstColumnAsDomain

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

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "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 entièrement 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 possédant 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 couleurs HTML.

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exclusion des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple est une valeur en pixels, et 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 du graphique. Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou le nom d'une couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, indiquée sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si fourni, trace 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 du graphique

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

Distance de dessin du graphique par rapport à la bordure gauche

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

Distance de dessin du graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs 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> }

Le champ color peut correspondre à 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

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

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

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe horizontal.

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

Valeur de données horizontale maximale à afficher.

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

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

Valeur de données horizontales minimale à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Si ce paramètre est défini sur true, les éléments de toutes les séries sont empilés au niveau de chaque valeur de domaine. Remarque:Dans les graphiques À colonnes, Aire 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 à chaque valeur de domaine sont redimensionnées pour atteindre 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne seront pas empilés. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries à chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de manière à obtenir un total de 100 %. La valeur de chaque élément est 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 manière à obtenir un total de 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 de chaque élément apparaît dans l'info-bulle après sa valeur réelle.

Par défaut, l'axe cible gradue les valeurs en fonction de 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 des axes et des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent aux valeurs d'échelle relatives de 0-1. En effet, les graduations de l'axe des pourcentages résultent de l'application du format "#,##%" aux valeurs d'échelle 0-1 relatives. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/grilles à l'aide des valeurs d'échelle relatives de 0-1. Vous pouvez personnaliser les valeurs et la mise en forme des lignes de quadrillage et des graduations à 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 nulle.

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

Objet avec 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 de littéral 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. Si vous souhaitez que la légende s'affiche à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le 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> }

Le champ color peut correspondre à 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 true, trace une série de droite à gauche. Par défaut, le dessin s'effectue de gauche à droite.

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

Type : boolean
Par défaut:false
series

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser les 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 prend en charge les propriétés suivantes:

  • areaOpacity : remplace la valeur areaOpacity globale pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • type : type de repère pour la série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en réalité 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 qui apparaîtra dans la légende du graphique.
  • lineDashStyle : remplace la valeur globale lineDashStyle pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 est l'axe opposé. La valeur par défaut est 0. Définissez-la sur 1 pour définir un graphique dans lequel différentes séries sont affichées sur différents axes. Au moins une série doit être allouée à l'axe par défaut. Vous pouvez définir une échelle différente pour différents axes.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false qu'elle ne doit pas contenir de légende. 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 dans lequel 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 déclarent que la première série est 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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'option prédéfinies qui fonctionnent ensemble pour obtenir un comportement ou un effet visuel spécifique dans le graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : agrandit la zone du graphique, et trace la légende et tous les libellés situés dans la zone du graphique.
Type : string
Par défaut:null
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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 traite la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, 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 de propriété remplacent tous les paramètres généraux pour la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe avec 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 une collection d'objets, chacun étant associé à une étiquette 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 style tableau suivante est identique à l'objet vAxis présenté ci-dessus: 

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

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

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

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

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

Objet comportant 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 de littéral 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. Spécifiez 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 les lignes de la grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de quadrillage ou 0 pour ne pas en dessiner. Spécifiez -1 (valeur par défaut) pour calculer automatiquement le nombre de lignes de quadrillage en fonction d'autres options.

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle augmente. 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 comportant des membres permettant de configurer les lignes de quadrillage mineures sur l'axe vertical, de la même manière que l'option vAxis.gridlines.

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

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

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

L'option minorGridlines.count est principalement obsolète, sauf pour désactiver les 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 principales lignes de quadrillage et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Dans la plupart des graphiques, elle descend dans la plupart des graphiques. Ignoré si ce paramètre est défini 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> }

Le champ color peut correspondre à 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:pas de titre
vAxis.titleTextStyle

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

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

Le champ color peut correspondre à 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

Indique la plage de recadrage de l'axe vertical.

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

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "joli" ou "maximisé".

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

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est défini sur "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 conteneur

Options de configuration des graphiques en tableau

Nom
alternatingRowStyle

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

Type : boolean
Par défaut:true
hauteur

Hauteur du graphique en pixels.

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

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

  • 'enable' : le tableau inclura des boutons "Précédent" et "Suivant". Cliquez sur ces boutons pour effectuer la pagination et modifier la page affichée. Vous pouvez également définir l'option pageSize.
  • 'event' : le tableau inclura des boutons "Précédent" et "Suivant", 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 par page, lorsque la pagination est activée avec l'option "Page".

Type : number
Par défaut:10
showRowNumber

Si la valeur est true, le numéro de ligne s'affiche dans la première colonne du tableau.

Type : boolean
Par défaut:false
sort

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 la colonne, un événement 'sort' est déclenché, mais les lignes ne sont pas automatiquement triées. Cette option doit être utilisée lorsque la page implémente son propre tri. Consultez l'exemple TableQueryWrapper pour découvrir comment gérer manuellement les événements.
  • 'disable' : cliquer sur un en-tête de colonne n'a aucun effet.
Type : string
Par défaut:'enable'
sortAscending

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

Type : boolean
Par défaut:true
sortColumn

Index d'une colonne de la table de données, en fonction duquel le tableau est initialement trié. Une petite flèche indique l'ordre de tri de la colonne.

Type : number
Par défaut:-1
largeur

Largeur du graphique en pixels.

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

Options de configuration de la chronologie

Nom
backgroundColor

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

Type:string ou object
Par défaut:'white'
colors

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

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

Hauteur du graphique en pixels.

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

Largeur du graphique en pixels.

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

Options de configuration de l'arborescence

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 avec la valeur maxColorValue pour la colonne 3. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#00dd00
maxDepth

Nombre maximal de niveaux de nœuds à afficher dans la vue actuelle. Les niveaux sont aplatis dans le plan actuel. Si votre arbre comporte plus de niveaux, vous devez monter ou descendre pour les voir. Vous pouvez aussi voir maxPostDepth niveaux en dessous sous forme de rectangles ombrés dans ces nœuds.

Type : number
Par défaut:1
maxPostDepth

Nombre de niveaux de nœuds au-delà de maxDepth à afficher avec des indications. Les nœuds suggérés sont affichés sous forme de rectangles ombrés dans un nœud compris dans la limite de maxDepth.

Type : number
Par défaut:0
midColor

Couleur d'un rectangle avec une valeur de colonne 3 à 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:pas de titre
subtitleTextStyle

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

Le champ color peut correspondre à 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 qui spécifie le style du texte du titre. Il peut s'agir de n'importe quelle chaîne de couleurs 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>}
title

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:pas de titre
titleTextStyle

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

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

Le champ color peut correspondre à 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>}