Options de configuration des graphiques

Types de graphiques

Options de configuration du graphique d'annotation

Nom
colors

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

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

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

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

Type : boolean
Par défaut:true
displayZoomButtons

Indique si les boutons de zoom 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 graduation majeure au-dessus du point de données maximal. Cette valeur prévaut sur la valeur maximale de l'axe Y déterminée par scaleType.

Il s'agit d'une fonctionnalité semblable à maxValue dans les graphiques de base.

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 marque de graduation principale sous le point de données minimal. Cette valeur prévaut sur la valeur minimale de l'axe Y déterminée par scaleType.

Il s'agit d'une fonctionnalité semblable à minValue dans les graphiques de base.

Type : number
Par défaut:automatique

Options de configuration du graphique en aires

Nom
areaOpacity

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

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

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

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

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

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, la valeur des données manquantes est devinée en fonction des points voisins. Si la valeur est false, une coupure est appliquée à la ligne au point inconnu.

Cette fonctionnalité n'est pas disponible pour les graphiques en aires avec l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments de toutes les séries sont empilés à chaque valeur de domaine. Remarque:Dans les graphiques Colonne, Zone et SteppedArea, Google Charts inverse l'ordre des éléments de la 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). Cette règle 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 que leur somme atteigne 100%.

Les options pour isStacked sont les suivantes:

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

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

Par défaut, les valeurs de l'axe cible sont basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100% pour 'percent'. (Remarque:Lorsque vous utilisez l'option 'percent', les valeurs de l'axe/des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent à l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages sont le résultat de l'application d'un format de type "#.##%" aux valeurs relatives de l'échelle de 0 à 1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives de 0 à 1. Vous pouvez personnaliser les valeurs et le format des lignes de grille/des repères à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

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

Type : number
Par défaut:2
pointShape

Forme des éléments de données individuels: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour en savoir plus, 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 pour des séries individuelles à l'aide de la propriété series.

Type : number
Par défaut:0
reverseCategories

Si défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

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

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

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

  • annotations : objet à appliquer aux annotations de cette série. Vous pouvez utiliser cette méthode pour contrôler, par exemple, le textStyle de la série: 

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

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

  • areaOpacity : remplace le areaOpacity global pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cette série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Si ce paramètre est défini sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration du graphique à barres

Nom
backgroundColor

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

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

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

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:nombre ou string
Valeur 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
Valeur 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

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

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

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

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

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Si la valeur est true, les éléments de toutes les séries sont empilés à chaque valeur de domaine. Remarque:Dans les graphiques Colonne, Zone et SteppedArea, Google Charts inverse l'ordre des éléments de la 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). Cette règle 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 que leur somme atteigne 100%.

Les options pour isStacked sont les suivantes:

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

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

Par défaut, les valeurs de l'axe cible sont basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100% pour 'percent'. (Remarque:Lorsque vous utilisez l'option 'percent', les valeurs de l'axe/des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent à l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages sont le résultat de l'application d'un format de type "#.##%" aux valeurs relatives de l'échelle de 0 à 1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives de 0 à 1. Vous pouvez personnaliser les valeurs et le format des lignes de grille/des repères à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

Si défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

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

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

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

  • annotations : objet à appliquer aux annotations de cette série. Vous pouvez utiliser cette méthode pour contrôler, par exemple, le textStyle de la série: 

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

    Consultez les différentes options annotations pour obtenir une liste plus complète des éléments pouvant être personnalisés.

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Affiche les lignes de tendance sur les graphiques compatibles. Par défaut, les tendances linear sont utilisées, mais elles peuvent être personnalisées avec l'option trendlines.n.type.

Les tendances sont spécifiées par série. La plupart du temps, vos options se présentent comme suit: 

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

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

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

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

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

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

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

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

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

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

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxis

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration du graphique à bulles

Nom
backgroundColor

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

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

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

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

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

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

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

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

Couleur du trait des bulles.

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

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

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

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez é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'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

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

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

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

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

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

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

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

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

Objet d'objets, où les clés sont les noms des séries (les valeurs de la colonne "Couleur") et 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 est compatible avec les propriétés suivantes:

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

Objet avec des membres permettant de configurer la façon dont les valeurs sont associées à la taille des bulles. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme illustré 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
Valeur par défaut:30
sizeAxis.minSize

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Si ce paramètre est défini sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration de l'agenda

Nom
hauteur

Hauteur du graphique en pixels.

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

Largeur du graphique en pixels.

Type : number
Valeur par défaut:largeur de l'élément contenant

Options de configuration des graphiques en chandeliers japonais

Nom
backgroundColor

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

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

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

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

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

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

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

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

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

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

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

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

Si défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

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

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

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

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • fallingColor.fill : remplace la valeur candlestick.fallingColor.fill globale pour cette série.
  • fallingColor.stroke : remplace la valeur candlestick.fallingColor.stroke globale pour cette série.
  • fallingColor.strokeWidth : remplace la valeur candlestick.fallingColor.strokeWidth globale pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • risingColor.fill : remplace la valeur candlestick.risingColor.fill globale pour cette série.
  • risingColor.stroke : remplace la valeur candlestick.risingColor.stroke globale pour cette série.
  • risingColor.strokeWidth : remplace la valeur candlestick.risingColor.strokeWidth globale pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration du graphique en colonnes

Nom
backgroundColor

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

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

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

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Si la valeur est true, les éléments de toutes les séries sont empilés à chaque valeur de domaine. Remarque:Dans les graphiques Colonne, Zone et SteppedArea, Google Charts inverse l'ordre des éléments de la 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). Cette règle 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 que leur somme atteigne 100%.

Les options pour isStacked sont les suivantes:

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

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

Par défaut, les valeurs de l'axe cible sont basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100% pour 'percent'. (Remarque:Lorsque vous utilisez l'option 'percent', les valeurs de l'axe/des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent à l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages sont le résultat de l'application d'un format de type "#.##%" aux valeurs relatives de l'échelle de 0 à 1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives de 0 à 1. Vous pouvez personnaliser les valeurs et le format des lignes de grille/des repères à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

Si défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

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

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

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

  • annotations : objet à appliquer aux annotations de cette série. Vous pouvez utiliser cette méthode pour contrôler, par exemple, le textStyle de la série: 

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

    Consultez les différentes options annotations pour obtenir une liste plus complète des éléments pouvant être personnalisés.

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Affiche les lignes de tendance sur les graphiques compatibles. Par défaut, les tendances linear sont utilisées, mais elles peuvent être personnalisées avec l'option trendlines.n.type.

Les tendances sont spécifiées par série. La plupart du temps, vos options se présentent comme suit: 

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

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

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

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

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

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

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

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

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

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

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration du graphique combiné

Nom
areaOpacity

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

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

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

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

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

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
curveType

Contrôle la courbure des lignes lorsque la largeur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

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

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

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

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

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

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

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

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

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

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

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

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

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

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, la valeur des données manquantes est devinée en fonction des points voisins. Si la valeur est false, une coupure est appliquée à la ligne au point inconnu.

Cette fonctionnalité n'est pas disponible pour les graphiques en aires avec l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments de toutes les séries sont empilés à chaque valeur de domaine. Remarque:Dans les graphiques Colonne, Zone et SteppedArea, Google Charts inverse l'ordre des éléments de la 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). Cette règle 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 que leur somme atteigne 100%.

Les options pour isStacked sont les suivantes:

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

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

Par défaut, les valeurs de l'axe cible sont basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100% pour 'percent'. (Remarque:Lorsque vous utilisez l'option 'percent', les valeurs de l'axe/des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent à l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages sont le résultat de l'application d'un format de type "#.##%" aux valeurs relatives de l'échelle de 0 à 1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives de 0 à 1. Vous pouvez personnaliser les valeurs et le format des lignes de grille/des repères à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

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

Type : number
Par défaut:2
pointShape

Forme des éléments de données individuels: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour en savoir plus, 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 pour des 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 défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

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

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

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

  • annotations : objet à appliquer aux annotations de cette série. Vous pouvez utiliser cette méthode pour contrôler, par exemple, le textStyle de la série: 

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

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

  • areaOpacity : remplace le areaOpacity global pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur curveType globale pour cette série.
  • fallingColor.fill : remplace la valeur candlestick.fallingColor.fill globale pour cette série.
  • fallingColor.stroke : remplace la valeur candlestick.fallingColor.stroke globale pour cette série.
  • fallingColor.strokeWidth : remplace la valeur candlestick.fallingColor.strokeWidth globale pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cette série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cette série.
  • risingColor.fill : remplace la valeur candlestick.risingColor.fill globale pour cette série.
  • risingColor.stroke : remplace la valeur candlestick.risingColor.stroke globale pour cette série.
  • risingColor.strokeWidth : remplace la valeur candlestick.risingColor.strokeWidth globale pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • type : type de repère pour cette série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration de la jauge

Nom
greenColor

Couleur à utiliser pour la section verte dans la notation de couleur HTML.

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

Valeur la plus faible d'une plage marquée en vert.

Type : number
Valeur par défaut:aucune
greenTo

Valeur la plus élevée d'une plage marquée en vert.

Type : number
Valeur par défaut:aucune
hauteur

Hauteur du graphique en pixels.

Type : number
Valeur 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 graduation majeure au-dessus du point de données maximal. Cette valeur prévaut sur la valeur maximale de l'axe Y déterminée par scaleType.

Il s'agit d'une fonctionnalité semblable à maxValue dans les graphiques de base.

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 marque de graduation principale sous le point de données minimal. Cette valeur prévaut sur la valeur minimale de l'axe Y déterminée par scaleType.

Il s'agit d'une fonctionnalité semblable à minValue dans les graphiques de base.

Type : number
Par défaut:automatique
redColor

Couleur à utiliser pour la section rouge dans la notation de couleur HTML.

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

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

Type : number
Valeur par défaut:aucune
redTo

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

Type : number
Valeur par défaut:aucune
largeur

Largeur du graphique en pixels.

Type : number
Valeur par défaut:largeur du conteneur
yellowColor

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

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

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

Type : number
Valeur par défaut:aucune
yellowTo

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

Type : number
Valeur par défaut:aucune

Options de configuration des graphiques géographiques

Nom
backgroundColor

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

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

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

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

Couleur à attribuer aux régions sans données associées.

Type : string
Par défaut:'#F5F5F5'
defaultColor

Couleur à utiliser pour les points de données dans un graphique géographique lorsque l'emplacement (par exemple, 'US') est présent, mais la valeur est null ou non spécifiée. Cette couleur est différente de datalessRegionColor, qui est la couleur utilisée lorsque des données sont manquantes.

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

Type de carte géographique. Le format DataTable doit correspondre à la valeur spécifiée. Les valeurs suivantes sont acceptées:

  • 'auto' : choisissez en fonction du format de la DataTable.
  • 'regions' : colorez les régions du graphique géographique.
  • 'markers' : placez des repères sur les régions.
  • 'text' : ajoutez un libellé aux régions à partir du texte de la table de données.
Type : string
Valeur par défaut : "auto"
hauteur

Hauteur du graphique en pixels.

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

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

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

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

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

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

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

Zone à afficher sur le graphique géographique. Les zones environnantes sont également affichées. Peut être l'une des valeurs suivantes:

  • 'world' : graphique géographique du monde entier.
  • Continent ou sous-continent, spécifié par son code à trois chiffres, par exemple : '011' pour l'Afrique de l'Ouest.
  • Pays, spécifié par son code ISO 3166-1 alpha-2, par exemple : 'AU' pour l'Australie.
  • État des États-Unis, spécifié par son code ISO 3166-2:US, par exemple : 'US-AL' pour l'Alabama. Notez que l'option resolution doit être définie sur 'provinces' ou 'metros'.
Type : string
Valeur par défaut : "world"
largeur

Largeur du graphique en pixels.

Type : number
Valeur par défaut:largeur de l'élément contenant

Options de configuration de l'histogramme

Nom
backgroundColor

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

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

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

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object/div>
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
hAxis

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et l'espace minimal requis (voir hAxis.minorGridlines.minSpacing).

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

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

Type : number
Valeur par défaut:auto
histogram.hideBucketItems

Omettre les fines divisions entre les blocs de l'histogramme, ce qui en fait une série de barres pleines.

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

Lors du calcul de la taille des buckets de l'histogramme, ignorez les lastBucketPercentile % supérieurs et inférieurs. Les valeurs sont toujours incluses dans l'histogramme, mais n'affectent pas le binning.

Type : number
Par défaut:0
interpolateNulls

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, la valeur des données manquantes est devinée en fonction des points voisins. Si la valeur est false, une coupure est appliquée à la ligne au point inconnu.

Cette fonctionnalité n'est pas disponible pour les graphiques en aires avec l'option isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments de toutes les séries sont empilés à chaque valeur de domaine. Remarque:Dans les graphiques Colonne, Zone et SteppedArea, Google Charts inverse l'ordre des éléments de la 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). Cette règle 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 que leur somme atteigne 100%.

Les options pour isStacked sont les suivantes:

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

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

Par défaut, les valeurs de l'axe cible sont basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100% pour 'percent'. (Remarque:Lorsque vous utilisez l'option 'percent', les valeurs de l'axe/des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent à l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages sont le résultat de l'application d'un format de type "#.##%" aux valeurs relatives de l'échelle de 0 à 1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives de 0 à 1. Vous pouvez personnaliser les valeurs et le format des lignes de grille/des repères à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

Si défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

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

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

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

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
largeur

Largeur du graphique en pixels.

Type : number
Valeur par défaut:largeur de l'élément contenant

Options de configuration du graphique en courbes

Nom
backgroundColor

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

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

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

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

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

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

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

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

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

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

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
curveType

Contrôle la courbure des lignes lorsque la largeur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

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

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

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

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

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

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

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

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

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

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

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

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

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

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

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

Type:string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

Valeur de données horizontale maximale à afficher.

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

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

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

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique si la valeur des points manquants doit être devinée. Si la valeur est true, la valeur des données manquantes est devinée en fonction des points voisins. Si la valeur est false, une coupure est appliquée à la ligne au point inconnu.

Cette fonctionnalité n'est pas disponible pour les graphiques en aires avec l'option isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

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

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

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

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

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

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

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

Type : number
Par défaut:2
pointShape

Forme des éléments de données individuels: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour en savoir plus, 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 pour des 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 défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

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

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

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

  • annotations : objet à appliquer aux annotations de cette série. Vous pouvez utiliser cette méthode pour contrôler, par exemple, le textStyle de la série: 

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

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

  • type : type de repère pour cette série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur curveType globale pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cette série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

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

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

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

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

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

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

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

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

Si ce paramètre est défini sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Affiche les lignes de tendance sur les graphiques compatibles. Par défaut, les tendances linear sont utilisées, mais elles peuvent être personnalisées avec l'option trendlines.n.type.

Les tendances sont spécifiées par série. La plupart du temps, vos options se présentent comme suit: 

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

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

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

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

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

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

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

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

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

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

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

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

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

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

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

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

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

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

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

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

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

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

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

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

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

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

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

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

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

Objet spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut:null
vAxis.viewWindow.max

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration de l'organigramme

Nom
couleur

Couleur d'arrière-plan des éléments de l'organigramme.

Type : string
Par défaut:'#edf7ff'
selectionColor

Couleur d'arrière-plan des éléments de l'organigramme sélectionnés.

Type : string
Par défaut:'#d6e9f8'
taille

Taille globale du graphique. Les options sont 'small', 'medium' ou 'large'.

Type : string
Par défaut:'medium'

Options de configuration du graphique à secteurs

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Peut être une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec les propriétés suivantes.

Type:string ou object
Par défaut:'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut:'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

Type:number ou string
Valeur par défaut:auto
chartArea.left

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

Type:number ou string
Valeur par défaut:auto
chartArea.top

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

Type:number ou string
Valeur par défaut:auto
chartArea.width

Largeur de la zone du graphique.

Type:number ou string
Valeur 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 contenant
is3D

Si la valeur est true, un graphique tridimensionnel est affiché.

Type : boolean
Par défaut:false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut:null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : en dessous du graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende soit à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le graphique, en haut à gauche.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut:'right'
legendTextStyle

Objet spécifiant le style de texte de la légende. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez é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 trou a un rayon égal à number fois le rayon du graphique.

Type : number
Par défaut:0
pieSliceBorderColor

Couleur des bordures des segments. Ne s'applique que lorsque le graphique est en deux dimensions.

Type : string
Par défaut:'white'
pieSliceText

Contenu du texte affiché sur la tranche. Les possibilités suivantes s'offrent à vous :

  • 'percentage' : pourcentage de la taille de la tranche par rapport au total.
  • 'value' : valeur quantitative de la tranche.
  • 'label' : nom de la tranche.
  • 'none' : aucun texte n'est affiché.
Type : string
Par défaut:'percentage'
pieSliceTextStyle

Objet spécifiant le style de texte du secteur. L'objet a le format suivant:

{color: <string>, fontName: <string>, fontSize: <number>}

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

Cette option n'est compatible qu'avec un axe major discrete.

Type : boolean
Par défaut:false
slices.color

Couleur à utiliser pour cette tranche.

Type : string
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Options de configuration du graphique à nuage de points

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Peut être une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec les propriétés suivantes.

Type:string ou object
Par défaut:'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type:string
Par défaut:'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

Type:number ou string
Valeur par défaut:auto
chartArea.left

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

Type:number ou string
Valeur par défaut:auto
chartArea.top

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

Type:number ou string
Valeur par défaut:auto
chartArea.width

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
curveType

Contrôle la courbure des lignes lorsque la largeur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

  • 'none' : lignes droites sans courbe.
  • 'function' : les angles de la ligne seront lissés.
Type:string
Valeur par défaut : "none"
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type : object
Par défaut:null
hAxis.direction

Sens dans lequel les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
hAxis.gridlines

Objet avec des propriétés permettant de configurer les lignes de grille sur l'axe horizontal. Notez que les lignes de la grille de l'axe horizontal sont dessinées verticalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme illustré ci-dessous: 

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut:null
hAxis.gridlines.color

Couleur des lignes de grille horizontales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut:'#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille en fonction d'autres options.

Type : number
Par défaut:-1
hAxis.logScale

Propriété hAxis qui fait de l'axe horizontal une échelle logarithmique (toutes les valeurs doivent être positives). Définissez cette valeur sur true pour "Oui".

Cette option n'est compatible qu'avec un axe continuous.

Type : boolean
Par défaut:false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. Dans la plupart des graphiques, elle se trouve à droite. Ignorer si cette valeur est inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut:null
hAxis.minorGridlines.color

Couleur des lignes de grille horizontales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend désormais entièrement de l'intervalle entre les lignes de grille principales (voir hAxis.gridlines.interval) et 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 se trouve à gauche. Ignorer si cette valeur est supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
hAxis.textStyle

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez é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 de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut:null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément contenant
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut:null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : en dessous du graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende soit à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le graphique, en haut à gauche.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut:'right'
legendTextStyle

Objet spécifiant le style de texte de la légende. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largeur de la ligne de données en pixels. Utilisez zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de séries individuelles à l'aide de la propriété series.

Type : number
Par défaut:2
pointShape

Forme des éléments de données individuels: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Pour en savoir plus, 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 pour des 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
séries

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser des valeurs par défaut pour une série, spécifiez un objet {} vide. Si aucune série ni aucune valeur n'est spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes:

  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cette série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cette série.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre donné,ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type:tableau d'objets ou objet avec des objets imbriqués
Par défaut:{}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez é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 un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés dans la zone du graphique.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si ce paramètre est défini sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Affiche les lignes de tendance sur les graphiques compatibles. Par défaut, les tendances linear sont utilisées, mais elles peuvent être personnalisées avec l'option trendlines.n.type.

Les tendances sont spécifiées par série. La plupart du temps, vos options se présentent comme suit: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Type : object
Par défaut:null
trendlines.n.color

Couleur de la ligne de tendance , exprimée sous la forme d'un nom de couleur en anglais ou d'une chaîne hexadécimale.

Type : string
Valeur par défaut:couleur de série par défaut
trendlines.n.degree

Pour les lignes de tendance de type: 'polynomial', degré du polynôme (2 pour le quadratique, 3 pour le cubique, etc.).

Type : number
Par défaut:3
trendlines.n.labelInLegend

Si elle est définie, la ligne de tendance apparaît dans la légende sous la forme de cette chaîne.

Type : string
Par défaut:null
trendlines.n.lineWidth

Largeur de la ligne de la ligne de tendance , en pixels.

Type : number
Par défaut:2
trendlines.n.type

Indique si les lignes de tendance sont 'linear' (par défaut), 'exponential' ou 'polynomial'.

Type : string
Par défaut:linear
trendlines.n.visibleInLegend

Indique si l'équation de la ligne de tendance s'affiche dans la légende. Il apparaîtra dans l'info-bulle de la tendance.

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type:tableau d'objets ou objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme illustré ci-dessous: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut:null
vAxis.direction

Sens dans lequel les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de grille sur l'axe vertical. Notez que les lignes de grille de l'axe vertical sont dessinées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous: 

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut:null
vAxis.gridlines.color

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

Type : object
Par défaut:null
vAxis.minorGridlines.color

Couleur des lignes de grille verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut:1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
vAxis.textStyle

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut:aucun titre
vAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut:null
vAxis.viewWindow.max

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto

Options de configuration du graphique en aires en escalier

Nom
areaOpacity

Opacité par défaut de la zone colorée sous une série de graphiques en secteurs, où 0.0 est totalement transparent et 1.0 est totalement opaque. Pour spécifier l'opacité d'une série individuelle, définissez la valeur areaOpacity dans la propriété series.

Type:number, 0.0- 1.0
Par défaut:0.3
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Peut être une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec les propriétés suivantes.

Type:string ou object
Par défaut:'white'
backgroundColor.fill

Couleur de remplissage du graphique, sous forme de chaîne de couleur HTML.

Type : string
Par défaut:'white'
chartArea

Objet avec des membres permettant de configurer l'emplacement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l'exception des axes et des légendes). Deux formats sont acceptés: un nombre ou un nombre suivi de %. Un nombre simple correspond à une valeur en pixels, tandis qu'un nombre suivi de % correspond à 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 un nom de couleur en anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur, fournie sous forme de chaîne hexadécimale ou de nom de couleur en anglais.
  • strokeWidth: si fourni, dessine une bordure autour de la zone du graphique de la largeur donnée (et avec la couleur de stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone du graphique.

Type:number ou string
Valeur par défaut:auto
chartArea.left

Distance à laquelle dessiner le graphique par rapport à la bordure de gauche.

Type:number ou string
Valeur par défaut:auto
chartArea.top

Distance à laquelle dessiner le graphique par rapport à la bordure supérieure.

Type:number ou string
Valeur par défaut:auto
chartArea.width

Largeur de la zone du graphique.

Type:number ou string
Valeur 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
Valeur par défaut:couleurs par défaut
hAxis

Objet avec des membres permettant de configurer différents éléments de l'axe horizontal. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type : object
Par défaut:null
hAxis.direction

Sens dans lequel les valeurs de l'axe horizontal augmentent. Spécifiez -1 pour inverser l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs autorisées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
hAxis.textStyle

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez é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 de texte du titre de l'axe horizontal. L'objet a le format suivant: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut:null
hAxis.viewWindow.max

Valeur de données horizontale maximale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Valeur par défaut:auto
hAxis.viewWindow.min

Valeur de données horizontale minimale à afficher.

Ignoré lorsque hAxis.viewWindowMode est 'pretty' ou 'maximized'.

Type : number
Valeur par défaut:auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément contenant
isStacked

Si la valeur est true, les éléments de toutes les séries sont empilés à chaque valeur de domaine. Remarque:Dans les graphiques Colonne, Zone et SteppedArea, Google Charts inverse l'ordre des éléments de la 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). Cette règle 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 que leur somme atteigne 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries à chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de sorte qu'ils totalisent 100%, la valeur de chaque élément étant calculée en pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries à chaque valeur de domaine et les redimensionne de sorte qu'ils s'additionnent à 1, la valeur de chaque élément étant calculée en tant que fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour une superposition à 100 %, la valeur calculée pour chaque élément s'affiche dans l'info-bulle après sa valeur réelle.

Par défaut, les valeurs de l'axe cible sont basées sur l'échelle relative de 0 à 1 sous forme de fractions de 1 pour 'relative' et de 0 à 100% pour 'percent'. (Remarque:Lorsque vous utilisez l'option 'percent', les valeurs de l'axe/des graduations sont affichées sous forme de pourcentages, mais les valeurs réelles correspondent à l'échelle relative de 0 à 1. En effet, les graduations de l'axe des pourcentages sont le résultat de l'application d'un format de type "#.##%" aux valeurs relatives de l'échelle de 0 à 1. Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives de 0 à 1. Vous pouvez personnaliser les valeurs et le format des lignes de grille/des repères à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100% n'est compatible qu'avec les valeurs de données de type number et doit avoir une valeur de référence de zéro.

Type:boolean/ string
Par défaut:false
légende

Objet avec des membres permettant de configurer différents aspects de la légende. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut:null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : en dessous du graphique.
  • 'left' : à gauche du graphique, à condition que l'axe de gauche ne soit associé à aucune série. Si vous souhaitez que la légende soit à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : dans le graphique, en haut à gauche.
  • 'none' : aucune légende n'est affichée.
  • 'right' : à droite du graphique. Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut:'right'
legendTextStyle

Objet spécifiant le style de texte de la légende. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si défini sur true, dessine les séries de droite à gauche. Par défaut, le dessin est effectué de gauche à droite.

Cette option n'est compatible qu'avec un axe major discrete.

Type : boolean
Par défaut:false
séries

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Pour utiliser des valeurs par défaut pour une série, spécifiez un objet {} vide. Si aucune série ni aucune valeur n'est spécifiée, la valeur globale est utilisée. Chaque objet est compatible avec les propriétés suivantes:

  • areaOpacity : remplace le areaOpacity global pour cette série.
  • color : couleur à utiliser pour cette série. Spécifiez une chaîne de couleur HTML valide.
  • type : type de repère pour cette série. Les valeurs valides sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est l'axe par défaut et 1 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. Vous devez allouer au moins une série à l'axe par défaut. Vous pouvez définir une échelle différente pour chaque axe.
  • visibleInLegend : valeur boolean, où true signifie que la série doit comporter une entrée de légende et false signifie qu'elle ne doit pas en comporter. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou un objet dans lequel chaque enfant dispose d'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 que la quatrième est rouge et absente de la légende: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type:tableau d'objets ou objet avec des objets imbriqués
Par défaut:{}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez é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 un graphique. Actuellement, un seul thème est disponible:

  • 'maximized' : maximise la zone du graphique et dessine la légende et tous les libellés dans la zone du graphique.
Type : string
Par défaut:null
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si ce paramètre est défini sur true, le graphique traitera la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si ce champ est défini sur true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés de chaque axe vertical, si le graphique en comporte plusieurs. 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 globaux de la même propriété.

Pour spécifier un graphique avec plusieurs axes verticaux, définissez d'abord un nouvel axe à l'aide de series.targetAxisIndex, puis configurez-le à l'aide de vAxes. L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et un style de texte personnalisés pour celle-ci: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Cette propriété peut être un objet ou un tableau: l'objet est un ensemble d'objets, chacun avec un libellé numérique qui spécifie l'axe qu'il définit (il s'agit du format illustré 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 illustré ci-dessus: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type:tableau d'objets ou objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer différents éléments de l'axe vertical. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme illustré ci-dessous: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut:null
vAxis.direction

Sens dans lequel les valeurs de l'axe vertical augmentent. Par défaut, les valeurs faibles se trouvent en bas du graphique. Spécifiez -1 pour inverser l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
vAxis.gridlines

Objet avec des membres permettant de configurer les lignes de grille sur l'axe vertical. Notez que les lignes de grille de l'axe vertical sont dessinées horizontalement. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous: 

{color: '#333', minSpacing: 20}

Cette option n'est compatible qu'avec un axe continuous.

Type : object
Par défaut:null
vAxis.gridlines.color

Couleur des lignes de grille verticales 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 grille horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, il sera utilisé pour calculer le minSpacing entre les lignes de grille. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille ou 0 pour ne dessiner aucune ligne de grille. Spécifiez -1, qui est la valeur par défaut, pour calculer automatiquement le nombre de lignes de grille 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 est vers le haut. Ignorer si cette valeur est inférieure à la valeur Y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer les lignes de grille mineures sur l'axe vertical, semblable à l'option vAxis.gridlines.

Type : object
Par défaut:null
vAxis.minorGridlines.color

Couleur des lignes de grille verticales dans la zone du graphique. Spécifiez une chaîne de couleur HTML valide.

Type : string
Par défaut:mélange des couleurs de la ligne de 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 grille mineures en définissant le nombre sur 0. Le nombre de lignes de grille secondaires dépend de l'intervalle entre les lignes de grille principales et de l'espace minimal requis.

Type : number
Par défaut:1
vAxis.minValue

Déplace la valeur minimale de l'axe vertical vers la valeur spécifiée. Cette valeur est généralement inférieure dans la plupart des graphiques. Ignorer si cette valeur est supérieure à la valeur Y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs autorisées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
vAxis.textStyle

Objet spécifiant le style de texte de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut:aucun titre
vAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut:null
vAxis.viewWindow.max

Valeur de données verticale maximale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
vAxis.viewWindow.min

Valeur de données verticale minimale à afficher.

Ignoré lorsque vAxis.viewWindowMode est "pretty" ou "maximized".

Type : number
Valeur par défaut:auto
largeur

Largeur du graphique en pixels.

Type : number
Valeur par défaut:largeur de l'élément contenant

Options de configuration des graphiques de tableau

Nom
alternatingRowStyle

Détermine si un style de couleur alterné sera attribué aux lignes impaires et paires.

Type : boolean
Par défaut:true
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément contenant
page

Indique si la pagination des données est activée et comment l'activer. Choisissez l'une des valeurs string suivantes:

  • 'enable' : le tableau inclura des boutons de prévisualisation et de retour en arrière. Cliquez sur ces boutons pour effectuer l'opération de pagination et modifier la page affichée. Vous pouvez également définir l'option pageSize.
  • 'event' : le tableau inclut des boutons de prévisualisation et de prévisualisation précédente, mais 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 changement de page. Pour savoir comment gérer manuellement les événements de pagination, consultez l'exemple TableQueryWrapper.
  • 'disable' : [valeur par défaut] la pagination n'est pas prise en charge.
    • Type : string
    Par défaut:'disable'
pageSize

Nombre de lignes de chaque page lorsque la pagination est activée avec l'option de page.

Type : number
Par défaut:10
showRowNumber

Si la valeur est true, le numéro de ligne s'affiche comme première colonne du tableau.

Type : boolean
Par défaut:false
trier

Indique si les colonnes doivent être triées et comment procéder 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 en fonction de la colonne sur laquelle ils ont cliqué. Lorsque les utilisateurs cliquent sur l'en-tête de colonne, les lignes sont automatiquement triées et un événement 'sort' est déclenché.
  • 'event' : lorsque les utilisateurs cliquent sur l'en-tête de colonne, un événement 'sort' est déclenché, mais les lignes ne sont pas triées automatiquement. Cette option doit être utilisée lorsque la page implémente son propre tri. Pour savoir comment gérer manuellement les événements de tri, consultez l'exemple TableQueryWrapper.
  • '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 du tableau de données, par lequel le tableau est initialement trié. La colonne est marquée d'une petite flèche indiquant l'ordre de tri.

Type : number
Par défaut:-1
largeur

Largeur du graphique en pixels.

Type : number
Valeur par défaut:largeur de l'élément contenant

Options de configuration de Vos trajets

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Peut être une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec les propriétés suivantes.

Type:string ou object
Par défaut:'white'
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple: colors:['red','#004411'].

Type:tableau de chaînes
Par défaut:couleurs par défaut
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément contenant
largeur

Largeur du graphique en pixels.

Type : number
Valeur par défaut:largeur de l'élément contenant

Options de configuration des graphiques en 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 dont la valeur de la colonne 3 est maxColorValue. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#00dd00
maxDepth

Nombre maximal de niveaux de nœuds à afficher dans la vue actuelle. Les niveaux sont aplatis dans le plan actuel. Si votre arborescence comporte plus de niveaux, vous devez faire défiler l'écran vers le haut ou vers le bas pour les afficher. Vous pouvez également voir les niveaux maxPostDepth en dessous sous la forme de rectangles ombrés dans ces nœuds.

Type : number
Par défaut:1
maxPostDepth

Nombre de niveaux de nœuds au-delà de maxDepth à afficher de manière "implicite". Les nœuds avec indice sont affichés sous forme de rectangles ombrés dans un nœud qui se trouve dans la limite maxDepth.

Type : number
Par défaut:0
midColor

Couleur d'un rectangle dont la valeur de la colonne 3 se situe à mi-chemin entre maxColorValue et minColorValue. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#000000
minColor

Couleur d'un rectangle dont la valeur de la colonne 3 est minColorValue. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#dd0000
noColor

Couleur à utiliser pour un rectangle lorsqu'un nœud n'a aucune valeur pour la colonne 3 et qu'il s'agit d'une feuille (ou qu'il ne contient que des feuilles). Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#000000
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet qui spécifie le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez é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. La couleur peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Valeur par défaut : {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet qui spécifie le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00'. Consultez également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}