Options de configuration des graphiques

Types de graphiques

Options de configuration du graphique d'annotations

Nom
colors

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

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

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

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

Type : boolean
Par défaut:true
displayZoomButtons

Permet d'afficher ou non les boutons de zoom ("1 j 5 j 1 m", etc.), où false signifie non.

Type : boolean
Par défaut:true
max

Valeur maximale à afficher sur l'axe Y. Si le point de données maximal dépasse cette valeur, cette est ignoré, et le graphique est ajusté pour afficher la coche principale suivante au-dessus du point de données maximal. Cette valeur prévaut sur la valeur maximale de l'axe Y déterminée d'ici le scaleType.

Cette valeur est semblable à maxValue dans les graphiques principaux.

Type : number
Par défaut:automatique
min

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

Cette valeur est semblable à minValue dans les graphiques principaux.

Type : number
Par défaut:automatique

Options de configuration des graphiques en aires

Nom
areaOpacity

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

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

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

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

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

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

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

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

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

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

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Valeur maximale des données horizontales à afficher.

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

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

Valeur minimale des données horizontales à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il devinera de toutes les données manquantes basées sur les points voisins. Si la valeur est false, laisser une pause dans la ligne à l'endroit inconnu.

Cela n'est pas pris en charge par Les graphiques en aires avec le paramètre isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans Colonne, Superficie les graphiques SteppedArea, Les graphiques Google inversent l'ordre des éléments de légende pour mieux correspondre à l'empilement des les éléments de la série (par exemple, la série 0 sera l'élément de légende le plus bas). Ce ne s'applique pas à Graphiques à barres.

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

Les options pour isStacked sont les suivantes:

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

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

L'axe cible utilise par défaut les valeurs de graduation basées sur l'échelle relative 0-1 sous forme de fractions de 1 pour 'relative', et de 0 à 100% pour 'percent' Remarque:lorsque vous utilisez l'option 'percent', les valeurs des axes et des graduations sont affichées sous forme de pourcentages, alors que les valeurs réelles correspondent aux valeurs d'échelle relatives (0-1). En effet, les graduations de l'axe en pourcentage sont le résultat de l'application du format "#.##%". à les valeurs d'échelle relatives (0-1). Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs de quadrillage/de graduation et la mise en forme à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

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

Type : number
Par défaut:2
pointShape

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

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

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

Type : number
Par défaut:0
reverseCategories

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

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

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

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

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

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

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

  • areaOpacity : remplace la valeur globale areaOpacity pour cette série.
  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cet élément de la série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cet élément de la série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cet élément de la série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

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

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

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

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

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

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

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

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

Type : boolean
useFirstColumnAsDomain

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

Type : boolean
vAxes

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

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

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

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

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

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

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

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

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

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

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

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

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

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

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur maximale des données verticales à afficher.

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

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

Valeur minimale des données verticales à afficher.

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

Type : number
Par défaut:auto

Options de configuration des graphiques à barres

Nom
backgroundColor

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

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Largeur de la zone du graphique.

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

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

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

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

Pour spécifier un graphique comportant plusieurs axes horizontaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe à l'aide de hAxes. La L'exemple suivant attribue la série 1 à l'axe inférieur et spécifie un titre et du texte personnalisés style:

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

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet hAxis présenté ci-dessus:

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

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

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

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

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

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

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

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

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

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

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

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Valeur maximale des données horizontales à afficher.

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

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

Valeur minimale des données horizontales à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans Colonne, Superficie les graphiques SteppedArea, Les graphiques Google inversent l'ordre des éléments de légende pour mieux correspondre à l'empilement des les éléments de la série (par exemple, la série 0 sera l'élément de légende le plus bas). Ce ne s'applique pas à Graphiques à barres.

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

Les options pour isStacked sont les suivantes:

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

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

L'axe cible utilise par défaut les valeurs de graduation basées sur l'échelle relative 0-1 sous forme de fractions de 1 pour 'relative', et de 0 à 100% pour 'percent' Remarque:lorsque vous utilisez l'option 'percent', les valeurs des axes et des graduations sont affichées sous forme de pourcentages, alors que les valeurs réelles correspondent aux valeurs d'échelle relatives (0-1). En effet, les graduations de l'axe en pourcentage sont le résultat de l'application du format "#.##%". à les valeurs d'échelle relatives (0-1). Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs de quadrillage/de graduation et la mise en forme à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

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

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

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

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

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

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

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

Écrans courbes de tendance sur les graphiques qui les soutiennent. Par défaut, les courbes de tendance linear sont mais vous pouvez le personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées par série. Par conséquent, la plupart du temps, vos options s'afficheront comme ceci:

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

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

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

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

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

S'il est défini, la valeur courbe de tendance apparaîtra dans la légende comme cette chaîne.

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

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

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

Si la propriété courbes de tendance est 'linear' (valeur par défaut), 'exponential' ou 'polynomial'

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

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

Type : boolean
vAxis

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

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

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

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

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

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

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

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

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

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur maximale des données verticales à afficher.

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

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

Valeur minimale des données verticales à afficher.

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

Type : number
Par défaut:auto

Options de configuration des graphiques à bulles

Nom
backgroundColor

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

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

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

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

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

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

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

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

La couleur des bulles ou un trait.

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

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

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

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

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

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

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

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

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

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

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

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

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

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

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Valeur maximale des données horizontales à afficher.

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

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

Valeur minimale des données horizontales à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

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

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

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

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

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

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

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

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

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

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

Objet avec des membres permettant de configurer la manière dont les valeurs sont associées à la taille des bulles. Pour spécifier de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

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

Rayon maximal de la bulle la plus grande possible (en pixels).

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

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

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

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

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

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

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

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

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

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

Type : boolean
useFirstColumnAsDomain

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

Type : boolean
vAxes

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

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

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

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

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

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

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

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

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

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

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

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

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

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

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur maximale des données verticales à afficher.

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

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

Valeur minimale des données verticales à afficher.

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

Type : number
Par défaut:auto

Options de configuration d'Agenda

Nom
hauteur

Hauteur du graphique en pixels.

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

Largeur du graphique en pixels.

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

Options de configuration des graphiques en chandeliers japonais

Nom
backgroundColor

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

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

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

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

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

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

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

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

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Valeur maximale des données horizontales à afficher.

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

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

Valeur minimale des données horizontales à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

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

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

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

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

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

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

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

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

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

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

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

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

  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • fallingColor.fill : remplace la valeur globale Valeur candlestick.fallingColor.fill pour cette série.
  • fallingColor.stroke : remplace la valeur globale Valeur candlestick.fallingColor.stroke pour cette série.
  • fallingColor.strokeWidth : remplace la valeur globale Valeur candlestick.fallingColor.strokeWidth pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • risingColor.fill : remplace la valeur globale Valeur candlestick.risingColor.fill pour cette série.
  • risingColor.stroke : remplace la valeur globale Valeur candlestick.risingColor.stroke pour cette série.
  • risingColor.strokeWidth : remplace la valeur globale Valeur candlestick.risingColor.strokeWidth pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

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

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

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

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

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

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

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

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

Type : boolean
vAxes

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

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

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

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

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

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

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

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

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

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

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

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

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

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

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur maximale des données verticales à afficher.

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

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

Valeur minimale des données verticales à afficher.

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

Type : number
Par défaut:auto

Options de configuration des graphiques à colonnes

Nom
backgroundColor

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

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

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

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

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

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

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

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

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Valeur maximale des données horizontales à afficher.

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

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

Valeur minimale des données horizontales à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans Colonne, Superficie les graphiques SteppedArea, Les graphiques Google inversent l'ordre des éléments de légende pour mieux correspondre à l'empilement des les éléments de la série (par exemple, la série 0 sera l'élément de légende le plus bas). Ce ne s'applique pas à Graphiques à barres.

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

Les options pour isStacked sont les suivantes:

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

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

L'axe cible utilise par défaut les valeurs de graduation basées sur l'échelle relative 0-1 sous forme de fractions de 1 pour 'relative', et de 0 à 100% pour 'percent' Remarque:lorsque vous utilisez l'option 'percent', les valeurs des axes et des graduations sont affichées sous forme de pourcentages, alors que les valeurs réelles correspondent aux valeurs d'échelle relatives (0-1). En effet, les graduations de l'axe en pourcentage sont le résultat de l'application du format "#.##%". à les valeurs d'échelle relatives (0-1). Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs de quadrillage/de graduation et la mise en forme à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

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

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

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

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

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

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

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

Écrans courbes de tendance sur les graphiques qui les soutiennent. Par défaut, les courbes de tendance linear sont mais vous pouvez le personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées par série. Par conséquent, la plupart du temps, vos options s'afficheront comme ceci:

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

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

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

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

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

S'il est défini, la valeur courbe de tendance apparaîtra dans la légende comme cette chaîne.

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

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

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

Si la propriété courbes de tendance est 'linear' (valeur par défaut), 'exponential' ou 'polynomial'

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

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

Type : boolean
Par défaut:false
useFirstColumnAsDomain

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

Type : boolean
vAxes

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

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

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

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

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

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

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

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

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

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

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

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

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

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

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur maximale des données verticales à afficher.

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

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

Valeur minimale des données verticales à afficher.

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

Type : number
Par défaut:auto

Options de configuration des graphiques combinés

Nom
areaOpacity

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

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

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

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Largeur de la zone du graphique.

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

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

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

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

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

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

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

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

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

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

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

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

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

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

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

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

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

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

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

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

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

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Valeur maximale des données horizontales à afficher.

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

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

Valeur minimale des données horizontales à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il devinera de toutes les données manquantes basées sur les points voisins. Si la valeur est false, laisser une pause dans la ligne à l'endroit inconnu.

Cela n'est pas pris en charge par Les graphiques en aires avec le paramètre isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans Colonne, Superficie les graphiques SteppedArea, Les graphiques Google inversent l'ordre des éléments de légende pour mieux correspondre à l'empilement des les éléments de la série (par exemple, la série 0 sera l'élément de légende le plus bas). Ce ne s'applique pas à Graphiques à barres.

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

Les options pour isStacked sont les suivantes:

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

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

L'axe cible utilise par défaut les valeurs de graduation basées sur l'échelle relative 0-1 sous forme de fractions de 1 pour 'relative', et de 0 à 100% pour 'percent' Remarque:lorsque vous utilisez l'option 'percent', les valeurs des axes et des graduations sont affichées sous forme de pourcentages, alors que les valeurs réelles correspondent aux valeurs d'échelle relatives (0-1). En effet, les graduations de l'axe en pourcentage sont le résultat de l'application du format "#.##%". à les valeurs d'échelle relatives (0-1). Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs de quadrillage/de graduation et la mise en forme à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

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

Type : number
Par défaut:2
pointShape

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

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

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

Type : number
Par défaut:0
reverseCategories

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

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

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

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

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

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

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

  • areaOpacity : remplace la valeur globale areaOpacity pour cette série.
  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur curveType globale pour cette série.
  • fallingColor.fill : remplace la valeur globale Valeur candlestick.fallingColor.fill pour cette série.
  • fallingColor.stroke : remplace la valeur globale Valeur candlestick.fallingColor.stroke pour cette série.
  • fallingColor.strokeWidth : remplace la valeur globale Valeur candlestick.fallingColor.strokeWidth pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cet élément de la série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cet élément de la série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cet élément de la série.
  • risingColor.fill : remplace la valeur globale Valeur candlestick.risingColor.fill pour cette série.
  • risingColor.stroke : remplace la valeur globale Valeur candlestick.risingColor.stroke pour cette série.
  • risingColor.strokeWidth : remplace la valeur globale Valeur candlestick.risingColor.strokeWidth pour cette série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.
  • type : type de repère pour cette série. Les valeurs possibles sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

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

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

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

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

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

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

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

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

Type : boolean
vAxes

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

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

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

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

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

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

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

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

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

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

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

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

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

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

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur maximale des données verticales à afficher.

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

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

Valeur minimale des données verticales à afficher.

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

Type : number
Par défaut:auto

Options de configuration de la jauge

Nom
greenColor

Couleur à utiliser pour la section verte en notation HTML.

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

Valeur la plus faible pour une plage en vert.

Type : number
Par défaut:aucune
greenTo

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

Type : number
Par défaut:aucune
hauteur

Hauteur du graphique en pixels.

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

Valeur maximale à afficher sur l'axe Y. Si le point de données maximal dépasse cette valeur, cette est ignoré, et le graphique est ajusté pour afficher la coche principale suivante au-dessus du point de données maximal. Cette valeur prévaut sur la valeur maximale de l'axe Y déterminée d'ici le scaleType.

Cette valeur est semblable à maxValue dans les graphiques principaux.

Type : number
Par défaut:automatique
min

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

Cette valeur est semblable à minValue dans les graphiques principaux.

Type : number
Par défaut:automatique
redColor

Couleur à utiliser pour la section rouge en notation HTML.

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

Valeur la plus basse pour une plage rouge.

Type : number
Par défaut:aucune
redTo

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

Type : number
Par défaut:aucune
largeur

Largeur du graphique en pixels.

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

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

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

Valeur la plus faible pour une plage de couleur jaune.

Type : number
Par défaut:aucune
yellowTo

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

Type : number
Par défaut:aucune

Options de configuration du graphique géographique

Nom
backgroundColor

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

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

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

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

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

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

Couleur à utiliser pour les points de données d'un graphique géographique lorsque la position (par exemple, 'US') est présent, mais la valeur est null ou non spécifié. Elle se distingue de datalessRegionColor, qui est la couleur utilisé lorsque des données sont manquantes.

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

De quel type de graphique géographique s'agit-il ? Le format du tableau de données doit correspondre à la valeur spécifiée. La les valeurs suivantes sont acceptées:

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

Hauteur du graphique en pixels.

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

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

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

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

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

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

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

Zone à afficher dans le graphique géographique. Les environs sont également affichés. Peut être l'une des options suivantes:

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

Largeur du graphique en pixels.

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

Options de configuration de l'histogramme

Nom
backgroundColor

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

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Hauteur de la zone de graphique.

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

Distance à partir de la bordure gauche du graphique

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

Distance à partir de la bordure supérieure du graphique

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

Largeur de la zone du graphique.

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

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

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

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

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

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

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

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

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

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

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

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

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

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

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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 acceptées: 'out', 'in', 'none'.

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

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

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

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

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

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

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

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

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

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

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

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

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

Valeur maximale des données horizontales à afficher.

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

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

Valeur minimale des données horizontales à afficher.

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

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

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

Coder en dur la taille de chaque barre d'histogramme au lieu de la laisser être déterminée à l'aide d'algorithmes.

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

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

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

Lors du calcul de la taille du seau de l'histogramme, ignorez les valeurs supérieure et inférieure. lastBucketPercentile pour cent. Ces valeurs sont les suivantes : toujours inclus dans l'histogramme, mais n'affectent pas le binning.

Type : number
Par défaut:0
interpolateNulls

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il devinera de toutes les données manquantes basées sur les points voisins. Si la valeur est false, laisser une pause dans la ligne à l'endroit inconnu.

Cela n'est pas pris en charge par Les graphiques en aires avec le paramètre isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
isStacked

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans Colonne, Superficie les graphiques SteppedArea, Les graphiques Google inversent l'ordre des éléments de légende pour mieux correspondre à l'empilement des les éléments de la série (par exemple, la série 0 sera l'élément de légende le plus bas). Ce ne s'applique pas à Graphiques à barres.

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

Les options pour isStacked sont les suivantes:

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

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

L'axe cible utilise par défaut les valeurs de graduation basées sur l'échelle relative 0-1 sous forme de fractions de 1 pour 'relative', et de 0 à 100% pour 'percent' Remarque:lorsque vous utilisez l'option 'percent', les valeurs des axes et des graduations sont affichées sous forme de pourcentages, alors que les valeurs réelles correspondent aux valeurs d'échelle relatives (0-1). En effet, les graduations de l'axe en pourcentage sont le résultat de l'application du format "#.##%". à les valeurs d'échelle relatives (0-1). Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs de quadrillage/de graduation et la mise en forme à l'aide des options hAxis/vAxis appropriées.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

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

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

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

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

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

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

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

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

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

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

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

Type : boolean
vAxes

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

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

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

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

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

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

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

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

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

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

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

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

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

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

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

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

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

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

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

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

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

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

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

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

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

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

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

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

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

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

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

Spécifie un titre pour l'axe vertical.

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

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

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

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

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

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

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

Valeur maximale des données verticales à afficher.

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

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

Valeur minimale des données verticales à afficher.

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

Type : number
Par défaut:auto
largeur

Largeur du graphique en pixels.

Type : number
Par défaut:largeur de l'élément parent

Options de configuration des graphiques en courbes

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec propriétés.

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut:null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone de graphique Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur fournie sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si ce champ est fourni, il trace une bordure autour de la zone du graphique (avec la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

Type:number ou string
Par défaut:auto
chartArea.left

Distance à partir de la bordure gauche du graphique

Type:number ou string
Par défaut:auto
chartArea.top

Distance à partir de la bordure supérieure du graphique

Type:number ou string
Par défaut:auto
chartArea.width

Largeur de la zone du graphique.

Type:number ou string
Par défaut:auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est un élément HTML chaîne de couleur, par exemple: colors:['red','#004411'].

Type:tableau de chaînes
Par défaut:couleurs par défaut
curveType

Permet de contrôler la courbe des lignes lorsque l'épaisseur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

  • 'none' : lignes droites sans courbe.
  • 'function' : les angles de la ligne sont lissés.
Type : string
Par défaut : "none" (aucun)
hAxis

Objet avec des membres permettant de configurer divers éléments de l'axe horizontal. Pour spécifier des propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut:null
hAxis.direction

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverse l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
hAxis.gridlines

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

Type : object
Par défaut:null
hAxis.gridlines.color

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

Type : string
Par défaut:'#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, elle sera utilisée pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille, ou 0 pour ne tracer aucun quadrillage. Spécifiez -1, qui est la valeur par défaut. pour calculer automatiquement le nombre de lignes en fonction d'autres options.

Type : number
Par défaut:-1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal sur une échelle logarithmique (nécessite toutes doivent être positives). Définissez la valeur sur true pour oui.

Cette option n'est disponible que pour un axe continuous.

Type : boolean
Par défaut:false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un continuous axe vertical.

Type : object
Par défaut:null
hAxis.minorGridlines.color

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

Type:string
Par défaut:mélange des couleurs du quadrillage et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs acceptées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
hAxis.textStyle

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis spécifiant le titre de l'axe horizontal.

Type : string
Par défaut:null
hAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut:null
hAxis.viewWindow.max

Valeur maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
hAxis.viewWindow.min

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément parent
interpolateNulls

Indique s'il faut deviner la valeur des points manquants. Si la valeur est true, il devinera de toutes les données manquantes basées sur les points voisins. Si la valeur est false, laisser une pause dans la ligne à l'endroit inconnu.

Cela n'est pas pris en charge par Les graphiques en aires avec le paramètre isStacked: true/'percent'/'relative'/'absolute'.

Type : boolean
Par défaut:false
légende

Objet avec des membres permettant de configurer divers aspects de la légende. Pour spécifier les propriétés vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut:null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • 'right' : à droite du graphique Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut:'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Épaisseur de la ligne de données en pixels. Utilisez la valeur zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de chaque série à l'aide de la propriété series.

Type : number
Par défaut:2
pointShape

Forme des éléments de données individuels: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Voir la documentation sur les points pour obtenir des exemples.

Type : string
Par défaut:'circle'
pointSize

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer des valeurs pour des séries individuelles à l'aide de la propriété series. Si vous utilisez un tendline, la L'option pointSize modifie la largeur de la ligne de tendance, sauf si vous la remplacez avec l'option trendlines.n.pointsize.

Type : number
Par défaut:0
reverseCategories

Si la valeur est définie sur true, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est compatible qu'avec un discrete major.

Type : boolean
Par défaut:false
séries

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Si vous souhaitez utiliser des valeurs par défaut pour une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale sera utilisée. Chaque objet accepte les propriétés suivantes:

  • annotations : objet à appliquer aux annotations de cette série. Ce permet de contrôler, par exemple, le textStyle de la série:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Consultez les différentes options de annotations pour obtenir une liste plus complète de ce qui peut être personnalisés.

  • type : type de repère pour cette série. Les valeurs possibles sont "line", "area", "bars" et "steppedArea". Notez que les barres sont en fait des barres verticales (colonnes). La valeur par défaut est spécifiée par l'option seriesType du graphique.
  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • curveType : remplace la valeur curveType globale pour cette série.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineDashStyle : remplace la valeur lineDashStyle globale pour cet élément de la série.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cet élément de la série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cet élément de la série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, soit un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques et déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type:tableau d'objets ou objet avec des objets imbriqués
Par défaut:{}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour créer un graphique spécifique le comportement d'achat ou l'effet visuel. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Écrans courbes de tendance sur les graphiques qui les soutiennent. Par défaut, les courbes de tendance linear sont mais vous pouvez le personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées par série. Par conséquent, la plupart du temps, vos options s'afficheront comme ceci:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Type : object
Par défaut:null
trendlines.n.color

La couleur du courbe de tendance , exprimé sous la forme d'un nom de couleur anglais ou d'une chaîne hexadécimale.

Type : string
Par défaut:couleur de la série par défaut
trendlines.n.degree

Pour courbes de tendance de type: 'polynomial', le degré du polynôme (2 pour quadratique, 3 pour cubique, etc.).

Type : number
Par défaut:3
trendlines.n.labelInLegend

S'il est défini, la valeur courbe de tendance apparaîtra dans la légende comme cette chaîne.

Type : string
Par défaut:null
trendlines.n.lineWidth

L'épaisseur de ligne de la courbe de tendance , en pixels.

Type : number
Par défaut:2
trendlines.n.type

Si la propriété courbes de tendance est 'linear' (valeur par défaut), 'exponential' ou 'polynomial'

Type : string
Par défaut:linear
trendlines.n.visibleInLegend

Si la propriété courbe de tendance l'équation apparaît dans la légende. Il s'affichera dans l'info-bulle de la courbe de tendance.

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés compatible avec vAxis. Ces valeurs de propriété remplacent les paramètres généraux définis pour le paramètre la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe à l'aide de vAxes. La L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et du texte personnalisés style:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type:tableau d'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers éléments de l'axe vertical. Pour spécifier les propriétés vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut:null
vAxis.direction

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
vAxis.gridlines

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

Type : object
Par défaut:null
vAxis.gridlines.color

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

Type : string
Par défaut:'#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, elle sera utilisée pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille, ou 0 pour ne tracer aucun quadrillage. Spécifiez -1, qui est la valeur par défaut. pour calculer automatiquement le nombre de lignes en fonction d'autres options.

Type : number
Par défaut:-1
vAxis.logScale

Si la valeur est true, l'axe vertical devient une échelle logarithmique. Remarque:Toutes les valeurs doivent être positives.

Type : boolean
Par défaut:false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

Type : object
Par défaut:null
vAxis.minorGridlines.color

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

Type : string
Par défaut:mélange des couleurs du quadrillage et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs acceptées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
vAxis.textStyle

Objet qui spécifie le style de texte de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut:aucun titre
vAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut:null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisée".

Type : number
Par défaut:auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisée".

Type : number
Par défaut:auto

Options de configuration de l'organigramme

Nom
couleur

Couleur d'arrière-plan des éléments de l'organigramme.

Type : string
Par défaut:'#edf7ff'
selectionColor

Couleur d'arrière-plan des éléments sélectionnés de l'organigramme.

Type : string
Par défaut:'#d6e9f8'
taille

Taille globale du graphique. Les options sont 'small', 'medium' ou 'large'.

Type : string
Par défaut:'medium'

Options de configuration des graphiques à secteurs

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec propriétés.

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut:null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone de graphique Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur fournie sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si ce champ est fourni, il trace une bordure autour de la zone du graphique (avec la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

Type:number ou string
Par défaut:auto
chartArea.left

Distance à partir de la bordure gauche du graphique

Type:number ou string
Par défaut:auto
chartArea.top

Distance à partir de la bordure supérieure du graphique

Type:number ou string
Par défaut:auto
chartArea.width

Largeur de la zone du graphique.

Type:number ou string
Par défaut:auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est un élément HTML chaîne de couleur, 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 parent
is3D

Si la valeur est true, un graphique en trois dimensions s'affiche.

Type : boolean
Par défaut:false
légende

Objet avec des membres permettant de configurer divers aspects de la légende. Pour spécifier les propriétés vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut:null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • 'right' : à droite du graphique Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut:'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Si elle est comprise entre 0 et 1, un graphique en anneau s'affiche. Le rayon du trou est égal à number fois le rayon du graphique.

Type : number
Par défaut:0
pieSliceBorderColor

Couleur des bordures des secteurs. Uniquement applicable lorsque le graphique est bidimensionnel.

Type : string
Par défaut:'white'
pieSliceText

Contenu du texte affiché sur le secteur. Les possibilités suivantes s'offrent à vous :

  • 'percentage' : pourcentage de la taille du secteur par rapport au total.
  • 'value' : valeur quantitative de la tranche.
  • 'label' : nom de la tranche.
  • 'none' : aucun texte n'est affiché.
Type : string
Par défaut:'percentage'
pieSliceTextStyle

Objet spécifiant le style de texte du secteur. L'objet a le format suivant:

{color: <string>, fontName: <string>, fontSize: <number>}

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est compatible qu'avec un discrete major.

Type : boolean
Par défaut:false
slices.color

Couleur à utiliser pour ce secteur.

Type : string
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Options de configuration des graphiques à nuage de points

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec propriétés.

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut:null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone de graphique Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur fournie sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si ce champ est fourni, il trace une bordure autour de la zone du graphique (avec la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

Type:number ou string
Par défaut:auto
chartArea.left

Distance à partir de la bordure gauche du graphique

Type:number ou string
Par défaut:auto
chartArea.top

Distance à partir de la bordure supérieure du graphique

Type:number ou string
Par défaut:auto
chartArea.width

Largeur de la zone du graphique.

Type:number ou string
Par défaut:auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est un élément HTML chaîne de couleur, par exemple: colors:['red','#004411'].

Type:tableau de chaînes
Par défaut:couleurs par défaut
curveType

Permet de contrôler la courbe des lignes lorsque l'épaisseur de ligne n'est pas nulle. Les possibilités suivantes s'offrent à vous :

  • 'none' : lignes droites sans courbe.
  • 'function' : les angles de la ligne sont lissés.
Type:string
Par défaut : "none" (aucun)
hAxis

Objet avec des membres permettant de configurer divers éléments de l'axe horizontal. Pour spécifier des propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut:null
hAxis.direction

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverse l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
hAxis.gridlines

Objet avec des propriétés permettant de configurer le quadrillage sur l'axe horizontal. Notez que le quadrillage de l'axe horizontal est dessiné verticalement. Pour spécifier 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 continuous axe vertical.

Type : object
Par défaut:null
hAxis.gridlines.color

Couleur des lignes de quadrillage horizontales dans la zone du graphique. Spécifier une couleur HTML valide .

Type : string
Par défaut:'#CCC'
hAxis.gridlines.count

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, elle sera utilisée pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille, ou 0 pour ne tracer aucun quadrillage. Spécifiez -1, qui est la valeur par défaut. pour calculer automatiquement le nombre de lignes en fonction d'autres options.

Type : number
Par défaut:-1
hAxis.logScale

Propriété hAxis qui transforme l'axe horizontal sur une échelle logarithmique (nécessite toutes doivent être positives). Définissez la valeur sur true pour oui.

Cette option n'est disponible que pour un axe continuous.

Type : boolean
Par défaut:false
hAxis.maxValue

Déplace la valeur maximale de l'axe horizontal vers la valeur spécifiée. ce sera juste vers la droite la plupart des graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur x maximale des données. hAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
hAxis.minorGridlines

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe horizontal, semblable à l'option hAxis.gridlines.

Cette option n'est compatible qu'avec un continuous axe vertical.

Type : object
Par défaut:null
hAxis.minorGridlines.color

Couleur des lignes de quadrillage mineures horizontales dans la zone de graphique. Spécifier une couleur HTML valide .

Type : string
Par défaut:mélange des couleurs du quadrillage et de l'arrière-plan
hAxis.minorGridlines.count

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend entièrement sur l'intervalle entre quadrillage principal (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. cela se trouvera vers la gauche dans la plupart des graphiques. Ignoré si ce champ est défini sur une valeur supérieure à la valeur x minimale des données. hAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:automatique
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs acceptées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
hAxis.textStyle

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis spécifiant le titre de l'axe horizontal.

Type : string
Par défaut:null
hAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut:null
hAxis.viewWindow.max

Valeur maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
hAxis.viewWindow.min

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément parent
légende

Objet avec des membres permettant de configurer divers aspects de la légende. Pour spécifier les propriétés vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut:null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • 'right' : à droite du graphique Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique
Type : string
Par défaut:'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Épaisseur de la ligne de données en pixels. Utilisez la valeur zéro pour masquer toutes les lignes et n'afficher que les points. Vous pouvez remplacer les valeurs de chaque série à l'aide de la propriété series.

Type : number
Par défaut:2
pointShape

Forme des éléments de données individuels: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Voir la documentation sur les points pour obtenir des exemples.

Type : string
Par défaut:'circle'
pointSize

Diamètre des points affichés en pixels. Utilisez zéro pour masquer tous les points. Vous pouvez remplacer des valeurs pour des séries individuelles à l'aide de la propriété series. Si vous utilisez un tendline, la L'option pointSize modifie la largeur de la ligne de tendance, sauf si vous la remplacez avec 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 par défaut pour une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale sera utilisée. Chaque objet accepte les propriétés suivantes:

  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • labelInLegend : description de la série à afficher dans la légende du graphique.
  • lineWidth : remplace la valeur lineWidth globale pour cette série.
  • pointShape : remplace la valeur pointShape globale pour cet élément de la série.
  • pointSize : remplace la valeur pointSize globale pour cette série.
  • pointsVisible : remplace la valeur pointsVisible globale pour cet élément de la série.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

Vous pouvez spécifier soit un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué,soit un objet dans lequel chaque enfant possède une clé numérique indiquant à quelle série il s'applique. Par exemple, les deux déclarations suivantes sont identiques et déclarent la première série comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type:tableau d'objets ou objet avec des objets imbriqués
Par défaut:{}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour créer un graphique spécifique le comportement d'achat ou l'effet visuel. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
courbes de tendance

Écrans courbes de tendance sur les graphiques qui les soutiennent. Par défaut, les courbes de tendance linear sont mais vous pouvez le personnaliser avec l'option trendlines.n.type.

Les courbes de tendance sont spécifiées par série. Par conséquent, la plupart du temps, vos options s'afficheront comme ceci:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Type : object
Par défaut:null
trendlines.n.color

La couleur du courbe de tendance , exprimé sous la forme d'un nom de couleur anglais ou d'une chaîne hexadécimale.

Type : string
Par défaut:couleur de la série par défaut
trendlines.n.degree

Pour courbes de tendance de type: 'polynomial', le degré du polynôme (2 pour quadratique, 3 pour cubique, etc.).

Type : number
Par défaut:3
trendlines.n.labelInLegend

S'il est défini, la valeur courbe de tendance apparaîtra dans la légende comme cette chaîne.

Type : string
Par défaut:null
trendlines.n.lineWidth

L'épaisseur de ligne de la courbe de tendance , en pixels.

Type : number
Par défaut:2
trendlines.n.type

Si la propriété courbes de tendance est 'linear' (valeur par défaut), 'exponential' ou 'polynomial'

Type : string
Par défaut:linear
trendlines.n.visibleInLegend

Si la propriété courbe de tendance l'équation apparaît dans la légende. Il s'affichera dans l'info-bulle de la courbe de tendance.

Type : boolean
Par défaut:false
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés compatible avec vAxis. Ces valeurs de propriété remplacent les paramètres généraux définis pour le paramètre la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe à l'aide de vAxes. La L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et du texte personnalisés style:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type:tableau d'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers éléments de l'axe vertical. Pour spécifier les propriétés vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut:null
vAxis.direction

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
vAxis.gridlines

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

Type : object
Par défaut:null
vAxis.gridlines.color

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

Type : string
Par défaut:'#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, elle sera utilisée pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille, ou 0 pour ne tracer aucun quadrillage. Spécifiez -1, qui est la valeur par défaut. pour calculer automatiquement le nombre de lignes en fonction d'autres options.

Type : number
Par défaut:-1
vAxis.logScale

Si la valeur est true, l'axe vertical devient une échelle logarithmique. Remarque:Toutes les valeurs doivent être positives.

Type : boolean
Par défaut:false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

Type : object
Par défaut:null
vAxis.minorGridlines.color

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

Type : string
Par défaut:mélange des couleurs du quadrillage et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs acceptées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
vAxis.textStyle

Objet qui spécifie le style de texte de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut:aucun titre
vAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut:null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisée".

Type : number
Par défaut:auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisée".

Type : number
Par défaut:auto

Options de configuration des graphiques en aires en escalier

Nom
areaOpacity

Opacité par défaut de la zone colorée sous une série de graphiques en aires, où 0.0 est totalement transparent, et 1.0 est totalement opaque. Pour spécifier l'opacité pour une série individuelle, définissez la valeur areaOpacity dans la propriété series.

Type:number, 0.0- 1.0
Par défaut:0.3
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec propriétés.

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 est dessinée, à l'exception de l'axe et des légendes). Deux formats sont acceptés: un nombre ou un chiffre suivi de %. Un nombre simple est une valeur en pixels. un nombre suivi de % est une un pourcentage. Exemple : chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type : object
Par défaut:null
chartArea.backgroundColor
Couleur d'arrière-plan de la zone de graphique Lorsqu'une chaîne est utilisée, il peut s'agir d'une chaîne hexadécimale (par exemple, '#fdc') ou un nom de couleur anglais. Lorsqu'un objet est utilisé, les propriétés suivantes peuvent être fournies:
  • stroke: couleur fournie sous forme de chaîne hexadécimale ou de nom de couleur anglais.
  • strokeWidth: si ce champ est fourni, il trace une bordure autour de la zone du graphique (avec la couleur stroke).
Type:string ou object
Par défaut:'white'
chartArea.height

Hauteur de la zone de graphique.

Type:number ou string
Par défaut:auto
chartArea.left

Distance à partir de la bordure gauche du graphique

Type:number ou string
Par défaut:auto
chartArea.top

Distance à partir de la bordure supérieure du graphique

Type:number ou string
Par défaut:auto
chartArea.width

Largeur de la zone du graphique.

Type:number ou string
Par défaut:auto
colors

Couleurs à utiliser pour les éléments du graphique. Tableau de chaînes, où chaque élément est un élément HTML chaîne de couleur, par exemple: colors:['red','#004411'].

Type:tableau de chaînes
Par défaut:couleurs par défaut
hAxis

Objet avec des membres permettant de configurer divers éléments de l'axe horizontal. Pour spécifier des propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Type : object
Par défaut:null
hAxis.direction

Sens de croissance des valeurs le long de l'axe horizontal. Spécifiez -1 pour inverse l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
hAxis.textPosition

Position du texte de l'axe horizontal par rapport à la zone du graphique. Valeurs acceptées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
hAxis.textStyle

Objet spécifiant le style de texte de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis spécifiant le titre de l'axe horizontal.

Type : string
Par défaut:null
hAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe horizontal. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Spécifie la plage de recadrage de l'axe horizontal.

Type : object
Par défaut:null
hAxis.viewWindow.max

Valeur maximale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
hAxis.viewWindow.min

Valeur minimale des données horizontales à afficher.

Ignoré lorsque hAxis.viewWindowMode est défini sur 'pretty' ou 'maximized'.

Type : number
Par défaut:auto
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément parent
isStacked

Si la valeur est true, les éléments sont empilés pour toutes les séries à chaque valeur de domaine. Remarque:Dans Colonne, Superficie les graphiques SteppedArea, Les graphiques Google inversent l'ordre des éléments de légende pour mieux correspondre à l'empilement des les éléments de la série (par exemple, la série 0 sera l'élément de légende le plus bas). Ce ne s'applique pas à Graphiques à barres.

L'option isStacked est également compatible avec l'empilement à 100 %, où les piles d'éléments à chaque valeur de domaine sont ajustés pour atteindre un total de 100%.

Les options pour isStacked sont les suivantes:

  • false : les éléments ne s'empilent pas. Il s'agit de l'option par défaut.
  • true : empile les éléments de toutes les séries pour chaque valeur de domaine.
  • 'percent' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de telle sorte que leur somme soit égale à 100%, la valeur de chaque élément étant calculée comme suit : un pourcentage de 100%.
  • 'relative' : empile les éléments de toutes les séries pour chaque valeur de domaine et les redimensionne de telle sorte qu'ils totalisent 1, la valeur de chaque élément étant calculée comme suit : n'est qu'une fraction de 1.
  • 'absolute' : fonctionne de la même manière que isStacked: true.

Pour l'empilement à 100 %, la valeur calculée pour chaque élément apparaît dans l'info-bulle après son la valeur réelle.

L'axe cible utilise par défaut les valeurs de graduation basées sur l'échelle relative 0-1 sous forme de fractions de 1 pour 'relative', et de 0 à 100% pour 'percent' Remarque:lorsque vous utilisez l'option 'percent', les valeurs des axes et des graduations sont affichées sous forme de pourcentages, alors que les valeurs réelles correspondent aux valeurs d'échelle relatives (0-1). En effet, les graduations de l'axe en pourcentage sont le résultat de l'application du format "#.##%". à les valeurs d'échelle relatives (0-1). Lorsque vous utilisez isStacked: 'percent', veillez à spécifier les graduations/lignes de grille à l'aide des valeurs d'échelle relatives (0-1). Vous pouvez personnaliser les valeurs de quadrillage/de graduation et la mise en forme à l'aide des options hAxis/vAxis appropriées.

L'empilement à 100% n'accepte que les valeurs de données de type number et doit ont une référence de zéro.

Type:boolean/ string
Par défaut:false
légende

Objet avec des membres permettant de configurer divers aspects de la légende. Pour spécifier les propriétés vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type : object
Par défaut:null
legend.position

Position de la légende. Les possibilités suivantes s'offrent à vous :

  • 'bottom' : sous le graphique.
  • 'left' : à gauche du graphique, à condition qu'aucune série ne soit associée à l'axe de gauche. Ainsi, si vous souhaitez que la légende se trouve à gauche, utilisez l'option targetAxisIndex: 1.
  • 'in' : à l'intérieur du graphique, en haut à gauche
  • 'none' : aucune légende ne s'affiche.
  • 'right' : à droite du graphique Incompatible avec l'option vAxes.
  • 'top' : au-dessus du graphique.
Type : string
Par défaut:'right'
legendTextStyle

Objet qui spécifie le style du texte de la légende. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si la valeur est définie sur true, dessine des séries de droite à gauche. Par défaut, le dessin est dessiné de gauche à droite.

Cette option n'est compatible qu'avec un discrete major.

Type : boolean
Par défaut:false
séries

Tableau d'objets, chacun décrivant le format de la série correspondante dans le graphique. Si vous souhaitez utiliser des valeurs par défaut pour une série, spécifiez un objet vide {}. Si une série ou une valeur n'est pas spécifiée, la valeur globale sera utilisée. Chaque objet accepte les propriétés suivantes:

  • areaOpacity : remplace la valeur globale areaOpacity pour cette série.
  • color : couleur à utiliser pour cette série. Indiquez une chaîne de couleur HTML valide.
  • type : type de repère pour cette série. Les valeurs possibles 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 cet élément de la série.
  • targetAxisIndex : axe auquel attribuer cette série, où 0 est la valeur par défaut et 1 est l'axe opposé. La valeur par défaut est 0. définie 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 différents axes.
  • visibleInLegend : une valeur boolean, où true signifie que la série doit une entrée de légende, et false signifie qu'il ne doit pas y avoir d'entrée. La valeur par défaut est true.

Vous pouvez spécifier un tableau d'objets, chacun s'appliquant à la série dans l'ordre indiqué, ou un objet dont chaque enfant possède une clé numérique indiquant la série à laquelle il s'applique.Par exemple, les deux déclarations suivantes sont identiques, et la première série est déclarée comme noire et absente de la légende, et la quatrième comme rouge et absente de la légende:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Type:tableau d'objets ou objet avec des objets imbriqués
Par défaut:{}
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
thème

Un thème est un ensemble de valeurs d'options prédéfinies qui fonctionnent ensemble pour créer un graphique spécifique le comportement d'achat ou l'effet visuel. Actuellement, un seul thème est disponible:

  • 'maximized' : optimise la zone du graphique, et affiche 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 spécifiant le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si la valeur est true, le graphique traite la colonne comme une colonne de texte.

Type : boolean
useFirstColumnAsDomain

Si la valeur est true, le graphique traitera la colonne comme le domaine.

Type : boolean
vAxes

Spécifie les propriétés des axes verticaux individuels, si le graphique comporte plusieurs axes verticaux. Chaque objet enfant est un objet vAxis et peut contenir toutes les propriétés compatible avec vAxis. Ces valeurs de propriété remplacent les paramètres généraux définis pour le paramètre la même propriété.

Pour spécifier un graphique comportant plusieurs axes verticaux, commencez par définir un nouvel axe à l'aide de series.targetAxisIndex, puis configurez l'axe à l'aide de vAxes. La L'exemple suivant attribue la série 2 à l'axe de droite et spécifie un titre et du texte personnalisés style:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Cette propriété peut être un objet ou un tableau: l'objet est une collection d'objets, chacune étant associée à une étiquette numérique indiquant l'axe défini (c'est-à-dire le format indiqué) ci-dessus ; le tableau est un tableau d'objets, un par axe. Par exemple, le style de tableau suivant est identique à l'objet vAxis présenté ci-dessus:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Type:tableau d'objet ou d'objet avec des objets enfants
Par défaut:null
vAxis

Objet avec des membres permettant de configurer divers éléments de l'axe vertical. Pour spécifier les propriétés vous pouvez utiliser la notation littérale d'objet, comme indiqué ci-dessous:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type : object
Par défaut:null
vAxis.direction

Sens de croissance des valeurs le long de l'axe vertical. Par défaut, les valeurs faibles se trouvent au bas du graphique. Spécifiez -1 pour inverse l'ordre des valeurs.

Type:1 ou -1
Par défaut:1
vAxis.gridlines

Objet avec des membres permettant de configurer le quadrillage sur l'axe vertical. Notez que le quadrillage de l'axe vertical est dessiné horizontalement. Pour spécifier des 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 continuous axe vertical.

Type : object
Par défaut:null
vAxis.gridlines.color

Couleur du quadrillage vertical dans la zone du graphique. Indiquez une chaîne de couleur HTML valide.

Type : string
Par défaut:'#CCC'
vAxis.gridlines.count

Nombre approximatif de lignes de quadrillage horizontales dans la zone du graphique. Si vous spécifiez un nombre positif pour gridlines.count, elle sera utilisée pour calculer la minSpacing entre le quadrillage. Vous pouvez spécifier la valeur 1 pour ne dessiner qu'une seule ligne de grille, ou 0 pour ne tracer aucun quadrillage. Spécifiez -1, qui est la valeur par défaut. pour calculer automatiquement le nombre de lignes en fonction d'autres options.

Type : number
Par défaut:-1
vAxis.logScale

Si la valeur est true, l'axe vertical devient une échelle logarithmique. Remarque:Toutes les valeurs doivent être positives.

Type : boolean
Par défaut:false
vAxis.maxValue

Déplace la valeur maximale de l'axe vertical vers la valeur spécifiée. ce sera à la hausse dans la plupart graphiques. Ignoré si ce paramètre est défini sur une valeur inférieure à la valeur y maximale des données. vAxis.viewWindow.max remplace cette propriété.

Type : number
Par défaut:automatique
vAxis.minorGridlines

Objet avec des membres permettant de configurer le quadrillage mineur sur l'axe vertical, semblable à l'objet vAxis.gridlines.

Type : object
Par défaut:null
vAxis.minorGridlines.color

Couleur des lignes de quadrillage mineures verticales dans la zone du graphique. Spécifier une couleur HTML valide .

Type : string
Par défaut:mélange des couleurs du quadrillage et de l'arrière-plan
vAxis.minorGridlines.count

L'option minorGridlines.count est presque obsolète, sauf pour désactiver les lignes de quadrillage mineures en définissant le nombre sur 0. Le nombre de lignes de quadrillage mineures dépend de l'intervalle entre quadrillage principal et 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. ce sera à la baisse dans la plupart des graphiques. Ignoré si cette valeur est définie sur une valeur supérieure à la valeur y minimale des données. vAxis.viewWindow.min remplace cette propriété.

Type : number
Par défaut:null
vAxis.textPosition

Position du texte de l'axe vertical par rapport à la zone du graphique. Valeurs acceptées: 'out', 'in', 'none'.

Type : string
Par défaut:'out'
vAxis.textStyle

Objet qui spécifie le style de texte de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Spécifie un titre pour l'axe vertical.

Type : string
Par défaut:aucun titre
vAxis.titleTextStyle

Objet spécifiant le style de texte du titre de l'axe vertical. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Spécifie la plage de recadrage de l'axe vertical.

Type : object
Par défaut:null
vAxis.viewWindow.max

Valeur maximale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisée".

Type : number
Par défaut:auto
vAxis.viewWindow.min

Valeur minimale des données verticales à afficher.

Ignoré lorsque vAxis.viewWindowMode est "joli" ou "maximisée".

Type : number
Par défaut:auto
largeur

Largeur du graphique en pixels.

Type : number
Par défaut:largeur de l'élément parent

Options de configuration des tableaux

Nom
alternatingRowStyle

Détermine si un style de couleur en alternance sera attribué aux lignes impaires et paires.

Type : boolean
Par défaut:true
hauteur

Hauteur du graphique en pixels.

Type : number
Par défaut:hauteur de l'élément parent
page

Indique si et comment activer la pagination des données. Choisissez l'une des valeurs string suivantes:

  • 'enable' : le tableau comprendra les fonctions de page suivante et de retour de page . Cliquez sur ces boutons pour effectuer l'opération de pagination et modifier la page affichée. Vous pouvez également définir l'option pageSize.
  • 'event' : le tableau comprendra des boutons "Suivant" et "Précédent" déclenche un événement 'page' et ne modifie pas la page affichée. Cette option doit être utilisé lorsque le code implémente sa propre logique de rotation des pages. Consultez le Exemple TableQueryWrapper pour obtenir un exemple de gestion manuelle des événements de pagination.
  • 'disable' - [Par défaut] La pagination n'est pas prise en charge.
  • Type : string
    Par défaut:'disable'
pageSize

Nombre de lignes dans chaque page, lorsque la pagination est activée avec l'option "Page".

Type : number
Par défaut:10
showRowNumber

Si la valeur est true, affiche le numéro de ligne dans la première colonne du tableau.

Type : boolean
Par défaut:false
trier

Indique si et comment trier les colonnes lorsque l'utilisateur clique sur un en-tête de colonne. Si le tri est activé, envisagez également de définir les propriétés sortAscending et sortColumn. Choisissez l'une des valeurs string suivantes:

  • 'enable' - [par défaut] Les utilisateurs peuvent cliquer sur les en-têtes de colonne pour trier les données en fonction . 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 met en œuvre son propre tri. Consultez le Exemple TableQueryWrapper pour obtenir un exemple de gestion manuelle des événements de tri.
  • 'disable'- Cliquer sur l'en-tête d'une colonne n'a aucun effet.
Type : string
Par défaut:'enable'
sortAscending

Ordre de tri de la colonne de tri initiale. True pour l'ordre croissant, false pour dans l'ordre décroissant. Ignoré si sortColumn n'est pas spécifié.

Type : boolean
Par défaut:true
sortColumn

Index d'une colonne de la table de données, en fonction duquel le tableau est initialement trié. La colonne est indiquée par une petite flèche indiquant l'ordre de tri.

Type : number
Par défaut:-1
largeur

Largeur du graphique en pixels.

Type : number
Par défaut:largeur de l'élément parent

Options de configuration de la chronologie

Nom
backgroundColor

Couleur d'arrière-plan de la zone principale du graphique. Il peut s'agir d'une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec propriétés.

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 un élément HTML chaîne de couleur, 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 parent
largeur

Largeur du graphique en pixels.

Type : number
Par défaut:largeur de l'élément parent

Options de configuration du graphique en arbre

Nom
headerColor

Couleur de la section d'en-tête de chaque nœud. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#988f86
maxColor

Couleur d'un rectangle dont la valeur de la colonne 3 est maxColorValue. Spécifiez un Valeur de couleur HTML.

Type : string
Par défaut:#00dd00
maxDepth

Nombre maximal de niveaux de nœud à afficher dans la vue actuelle. Les niveaux sont aplatis dans le plan actuel. Si votre arbre a plus de niveaux, vous devez monter ou vers le bas pour les voir. Vous pouvez aussi voir maxPostDepth niveaux en dessous comme rectangles ombrés à l'intérieur de ces nœuds.

Type : number
Par défaut:1
maxPostDepth

Nombre de niveaux de nœuds au-delà de maxDepth à afficher dans les indications mode. Les nœuds suggérés sont affichés sous la forme de rectangles ombrés au sein d'un nœud qui se trouve à l'intérieur de Limite de maxDepth.

Type : number
Par défaut:0
midColor

Couleur d'un rectangle dont la valeur de la colonne 3 est à mi-chemin entre maxColorValue et minColorValue. Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#000000
minColor

Couleur d'un rectangle avec la valeur minColorValue pour la colonne 3. Spécifiez un Valeur de couleur HTML.

Type : string
Par défaut:#dd0000
noColor

Couleur à utiliser pour un rectangle lorsqu'un nœud n'a pas de valeur pour la colonne 3 et que ce nœud est une feuille (ou ne contient que feuilles). Spécifiez une valeur de couleur HTML.

Type : string
Par défaut:#000000
sous-titre

Texte à afficher sous le titre du graphique.

Type : string
Par défaut:aucun titre
subtitleTextStyle

Objet spécifiant le style du texte du titre.

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Objet spécifiant le style du texte du titre. La couleur peut être de n'importe quel code HTML chaîne de couleur, par exemple: 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

Type : object
Par défaut : {color: 'black', fontName : <global-font-name>, fontSize : <global-font-size>}
titre

Texte à afficher au-dessus du graphique.

Type : string
Par défaut:aucun titre
titleTextStyle

Objet spécifiant le style du texte du titre. L'objet a le format suivant:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color peut être n'importe quelle chaîne de couleur HTML, par exemple: 'red' ou '#00cc00' Voir également fontName et fontSize.

Type : object
Par défaut: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}