Opzioni di configurazione dei grafici

Tipi di grafici

Opzioni di configurazione del grafico delle annotazioni

Nome
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
displayRangeSelector

Indica se mostrare l'area di selezione dell'intervallo di zoom (l'area nella parte inferiore del grafico), dove false significa no.

Il contorno nel selettore dello zoom è una versione in scala logaritmica della prima serie del grafico, ridimensionata per adattarsi all'altezza del selettore di zoom.

Tipo: boolean
Predefinita: true
displayZoomButtons

Indica se mostrare i pulsanti di zoom ("1d 5d 1m" e così via), dove false significa no.

Tipo: boolean
Predefinita: true
max

Il valore massimo da mostrare sull'asse Y. Se il punto dati massimo supera questo valore, questa impostazione viene ignorata e il grafico viene regolato in modo da mostrare il segno di spunta principale successivo sopra il punto dati massimo. Questo ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

Questo valore è simile a maxValue nei grafici principali.

Tipo: number
Predefinito:automatico
min

Il valore minimo da mostrare sull'asse Y. Se il punto dati minimo è inferiore a questo valore, questa impostazione viene ignorata e il grafico viene regolato in modo da mostrare il segno di spunta principale successivo al di sotto del punto dati minimo. Questo ha la precedenza sul minimo dell'asse Y determinato da scaleType.

Questo valore è simile a minValue nei grafici principali.

Tipo: number
Predefinito:automatico

Opzioni di configurazione del grafico ad area

Nome
areaOpacity

L'opacità predefinita dell'area colorata sotto una serie di grafici ad area, dove 0.0 è completamente trasparente e 1.0 è completamente opaco. Per specificare l'opacità per una singola serie, imposta il valore areaOpacity nella proprietà series.

Tipo: number, 0.0- 1.0
Predefinita: 0.3
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, indovinerà il valore di eventuali dati mancanti in base ai punti vicini. Se false, lascerà un'interruzione nella linea nel punto sconosciuto.

Questa operazione non è supportata dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nei grafici Column, Area e SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per corrispondere meglio alla sovrapposizione degli elementi della serie (ad esempio, la serie 0 sarà l'elemento della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche lo stack al 100%, in cui gli stack degli elementi a ciascun valore di dominio vengono ridimensionati per arrivare alla somma del 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. Questa è l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': impila gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo da sommarli fino al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo che la somma sia 1, con il valore di ogni elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

Per la sovrapposizione al 100%, il valore calcolato per ogni elemento verrà visualizzato nella descrizione comando dopo il valore effettivo.

Per impostazione predefinita, l'asse target utilizza i valori di spunta basati sulla scala 0-1 relativa come frazioni di 1 per 'relative' e tra 0-100% per 'percent' (Nota: quando utilizzi l'opzione 'percent', i valori dell'asse/di graduazione vengono visualizzati in percentuale, ma i valori effettivi sono i valori relativi della scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione del formato "#,##%" ai relativi valori di scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori della scala 0-1). Puoi personalizzare le linee della griglia/i valori di graduazione e la formattazione utilizzando le opzioni di hAxis/vAxis appropriate.

Lo stack al 100% supporta solo i valori dei dati di tipo number e deve avere una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associati series. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Larghezza della linea di dati in pixel. Utilizza il valore zero per nascondere tutte le linee e mostrare solo i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series.

Tipo: number
Predefinita: 2
pointShape

La forma dei singoli elementi dei dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentazione sui punti per alcuni esempi.

Tipo: string
Predefinita: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza il valore zero per nascondere tutti i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series.

Tipo: number
Predefinita: 0
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se non viene specificato una serie o un valore, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • annotations: un oggetto da applicare alle annotazioni per questa serie. Può essere utilizzato per controllare, ad esempio, textStyle per la serie: 

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

    Visualizza le varie opzioni di annotations per un elenco più completo di ciò che può essere personalizzato.

  • areaOpacity: sostituisce il valore areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: esegue l'override del valore globale lineDashStyle per questa serie.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true significa che la serie deve avere una voce di legenda e false significa che non dovrebbe. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato, oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se impostato su true, il grafico tratterà la colonna come una colonna di testo.

Tipo: boolean
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione grafico a barre

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo:string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: numero o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxes

Specifica le proprietà dei singoli assi orizzontali, se il grafico ha più assi orizzontali. Ogni oggetto secondario è un oggetto hAxis e può contenere tutte le proprietà supportate da hAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi orizzontali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando hAxes. L'esempio seguente assegna la serie 1 all'asse inferiore e specifica un titolo e uno stile di testo personalizzati:

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto hAxis mostrato sopra: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nei grafici Column, Area e SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per corrispondere meglio alla sovrapposizione degli elementi della serie (ad esempio, la serie 0 sarà l'elemento della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche lo stack al 100%, in cui gli stack degli elementi a ciascun valore di dominio vengono ridimensionati per arrivare alla somma del 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. Questa è l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': impila gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo da sommarli fino al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo che la somma sia 1, con il valore di ogni elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

Per la sovrapposizione al 100%, il valore calcolato per ogni elemento verrà visualizzato nella descrizione comando dopo il valore effettivo.

Per impostazione predefinita, l'asse target utilizza i valori di spunta basati sulla scala 0-1 relativa come frazioni di 1 per 'relative' e tra 0-100% per 'percent' (Nota: quando utilizzi l'opzione 'percent', i valori dell'asse/di graduazione vengono visualizzati in percentuale, ma i valori effettivi sono i valori relativi della scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione del formato "#,##%" ai relativi valori di scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori della scala 0-1). Puoi personalizzare le linee della griglia/i valori di graduazione e la formattazione utilizzando le opzioni di hAxis/vAxis appropriate.

Lo stack al 100% supporta solo i valori dei dati di tipo number e deve avere una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se non viene specificato una serie o un valore, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • annotations: un oggetto da applicare alle annotazioni per questa serie. Può essere utilizzato per controllare, ad esempio, textStyle per la serie: 

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

    Visualizza le varie opzioni di annotations per un elenco più completo di ciò che può essere personalizzato.

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato, oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linee di tendenza

Visualizza le linee di tendenza nei grafici che le supportano. Per impostazione predefinita vengono utilizzate le linee di tendenza linear, ma questa opzione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le opzioni saranno simili alla seguente: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Predefinita: null
trendlines.n.color

Il colore della linea di tendenza , espresso come nome di colore inglese o come stringa esadecimale.

Tipo: string
Predefinito:colore predefinito della serie
trendlines.n.degree

Per le linee di tendenza di type: 'polynomial', il grado del polinomio (2 per quadratico, 3 per cubico e così via).

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostata, la linea di tendenza verrà visualizzata nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea di tendenza, in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

Indica se le linee di tendenza sono 'linear' (valore predefinito), 'exponential' o 'polynomial'.

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

Indica se l'equazione della linea di tendenza compare nella legenda. Verrà visualizzato nella descrizione comando della linea di tendenza.

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici a bolle

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
fumetto

Un oggetto con membri per configurare le proprietà visive delle bolle.

Tipo: object
Predefinita: null
bubble.opacity

L'opacità delle bolle, dove 0 è completamente trasparente e 1 è completamente opaco.

Tipo: numero compreso tra 0,0 e 1,0
Predefinito:0,8
bubble.stroke

Il colore del tratto delle bolle.

Tipo: string
Predefinita: '#ccc'
bubble.textStyle

Un oggetto che specifica lo stile del testo delle bolle. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
serie

Un oggetto di oggetti, in cui le chiavi sono nomi di serie (i valori nella colonna Colore) e ciascun oggetto che descrive il formato della serie corrispondente nel grafico. Se una serie o un valore non vengono specificati, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.
Esempio: 
series: {'Europe': {color: 'green'}}
Tipo: oggetto con oggetti nidificati
Predefinita: {}
sizeAxis

Un oggetto con membri per configurare la modalità di associazione dei valori alle dimensioni delle bolle. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

 {minValue: 0,  maxSize: 20}
Tipo: object
Predefinita: null
sizeAxis.maxSize

Raggio massimo della bolla più grande possibile, in pixel.

Tipo: number
Predefinito:30
sizeAxis.minSize

Raggio minimo della bolla più piccola possibile, in pixel.

Tipo: number
Predefinito:5
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se impostato su true, il grafico tratterà la colonna come una colonna di testo.

Tipo: boolean
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione di Calendar

Nome
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dei grafici a candele

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se non viene specificato una serie o un valore, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • fallingColor.fill: esegue l'override del valore candlestick.fallingColor.fill globale per questa serie.
  • fallingColor.stroke: esegue l'override del valore candlestick.fallingColor.stroke globale per questa serie.
  • fallingColor.strokeWidth: esegue l'override del valore candlestick.fallingColor.strokeWidth globale per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • risingColor.fill: esegue l'override del valore candlestick.risingColor.fill globale per questa serie.
  • risingColor.stroke: esegue l'override del valore candlestick.risingColor.stroke globale per questa serie.
  • risingColor.strokeWidth: esegue l'override del valore candlestick.risingColor.strokeWidth globale per questa serie.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato, oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici a colonne

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nei grafici Column, Area e SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per corrispondere meglio alla sovrapposizione degli elementi della serie (ad esempio, la serie 0 sarà l'elemento della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche lo stack al 100%, in cui gli stack degli elementi a ciascun valore di dominio vengono ridimensionati per arrivare alla somma del 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. Questa è l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': impila gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo da sommarli fino al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo che la somma sia 1, con il valore di ogni elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

Per la sovrapposizione al 100%, il valore calcolato per ogni elemento verrà visualizzato nella descrizione comando dopo il valore effettivo.

Per impostazione predefinita, l'asse target utilizza i valori di spunta basati sulla scala 0-1 relativa come frazioni di 1 per 'relative' e tra 0-100% per 'percent' (Nota: quando utilizzi l'opzione 'percent', i valori dell'asse/di graduazione vengono visualizzati in percentuale, ma i valori effettivi sono i valori relativi della scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione del formato "#,##%" ai relativi valori di scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori della scala 0-1). Puoi personalizzare le linee della griglia/i valori di graduazione e la formattazione utilizzando le opzioni di hAxis/vAxis appropriate.

Lo stack al 100% supporta solo i valori dei dati di tipo number e deve avere una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se non viene specificato una serie o un valore, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • annotations: un oggetto da applicare alle annotazioni per questa serie. Può essere utilizzato per controllare, ad esempio, textStyle per la serie: 

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

    Visualizza le varie opzioni di annotations per un elenco più completo di ciò che può essere personalizzato.

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato, oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linee di tendenza

Visualizza le linee di tendenza nei grafici che le supportano. Per impostazione predefinita vengono utilizzate le linee di tendenza linear, ma questa opzione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le opzioni saranno simili alla seguente: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Predefinita: null
trendlines.n.color

Il colore della linea di tendenza , espresso come nome di colore inglese o come stringa esadecimale.

Tipo: string
Predefinito:colore predefinito della serie
trendlines.n.degree

Per le linee di tendenza di type: 'polynomial', il grado del polinomio (2 per quadratico, 3 per cubico e così via).

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostata, la linea di tendenza verrà visualizzata nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea di tendenza, in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

Indica se le linee di tendenza sono 'linear' (valore predefinito), 'exponential' o 'polynomial'.

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

Indica se l'equazione della linea di tendenza compare nella legenda. Verrà visualizzato nella descrizione comando della linea di tendenza.

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici combinati

Nome
areaOpacity

L'opacità predefinita dell'area colorata sotto una serie di grafici ad area, dove 0.0 è completamente trasparente e 1.0 è completamente opaco. Per specificare l'opacità per una singola serie, imposta il valore areaOpacity nella proprietà series.

Tipo: number, 0.0- 1.0
Predefinita: 0.3
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

Controlla la curva delle linee quando la larghezza della linea è diversa da zero. Può corrispondere a uno dei seguenti:

  • 'none': linee rette senza curve.
  • 'function': gli angoli della linea verranno smussati.
Tipo:string
Predefinito: "nessuno"
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, indovinerà il valore di eventuali dati mancanti in base ai punti vicini. Se false, lascerà un'interruzione nella linea nel punto sconosciuto.

Questa operazione non è supportata dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nei grafici Column, Area e SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per corrispondere meglio alla sovrapposizione degli elementi della serie (ad esempio, la serie 0 sarà l'elemento della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche lo stack al 100%, in cui gli stack degli elementi a ciascun valore di dominio vengono ridimensionati per arrivare alla somma del 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. Questa è l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': impila gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo da sommarli fino al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo che la somma sia 1, con il valore di ogni elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

Per la sovrapposizione al 100%, il valore calcolato per ogni elemento verrà visualizzato nella descrizione comando dopo il valore effettivo.

Per impostazione predefinita, l'asse target utilizza i valori di spunta basati sulla scala 0-1 relativa come frazioni di 1 per 'relative' e tra 0-100% per 'percent' (Nota: quando utilizzi l'opzione 'percent', i valori dell'asse/di graduazione vengono visualizzati in percentuale, ma i valori effettivi sono i valori relativi della scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione del formato "#,##%" ai relativi valori di scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori della scala 0-1). Puoi personalizzare le linee della griglia/i valori di graduazione e la formattazione utilizzando le opzioni di hAxis/vAxis appropriate.

Lo stack al 100% supporta solo i valori dei dati di tipo number e deve avere una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Larghezza della linea di dati in pixel. Utilizza il valore zero per nascondere tutte le linee e mostrare solo i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series.

Tipo: number
Predefinita: 2
pointShape

La forma dei singoli elementi dei dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentazione sui punti per alcuni esempi.

Tipo: string
Predefinita: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza il valore zero per nascondere tutti i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series. Se utilizzi una linea di tendenza, l'opzione pointSize influisce sulla larghezza della linea di tendenza, a meno che non la sostituisci con l'opzione trendlines.n.pointsize.

Tipo: number
Predefinita: 0
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non vengono specificati, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • annotations: un oggetto da applicare alle annotazioni per questa serie. Può essere utilizzato per controllare, ad esempio, textStyle per la serie: 

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

    Visualizza le varie opzioni di annotations per un elenco più completo di ciò che può essere personalizzato.

  • areaOpacity: sostituisce il valore areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • curveType: sostituisce il valore globale curveType per questa serie.
  • fallingColor.fill: esegue l'override del valore candlestick.fallingColor.fill globale per questa serie.
  • fallingColor.stroke: esegue l'override del valore candlestick.fallingColor.stroke globale per questa serie.
  • fallingColor.strokeWidth: esegue l'override del valore candlestick.fallingColor.strokeWidth globale per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: esegue l'override del valore globale lineDashStyle per questa serie.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • risingColor.fill: esegue l'override del valore candlestick.risingColor.fill globale per questa serie.
  • risingColor.stroke: esegue l'override del valore candlestick.risingColor.stroke globale per questa serie.
  • risingColor.strokeWidth: esegue l'override del valore candlestick.risingColor.strokeWidth globale per questa serie.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • type: il tipo di indicatore di questa serie. I valori validi sono "line", "area", "bars" e "steppedArea". Tieni presente che le barre sono in realtà barre verticali (colonne). Il valore predefinito è specificato dall'opzione seriesType del grafico.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato, oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione del misuratore

Nome
greenColor

Il colore da utilizzare per la sezione verde nella notazione del colore HTML.

Tipo: string
Predefinita: '#109618'
greenFrom

Il valore più basso di un intervallo contrassegnato da un colore verde.

Tipo: number
Predefinito:nessuno
greenTo

Il valore più alto di un intervallo contrassegnato da un colore verde.

Tipo: number
Predefinito:nessuno
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: la larghezza del contenitore
max

Il valore massimo da mostrare sull'asse Y. Se il punto dati massimo supera questo valore, questa impostazione viene ignorata e il grafico viene regolato in modo da mostrare il segno di spunta principale successivo sopra il punto dati massimo. Questo ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

Questo valore è simile a maxValue nei grafici principali.

Tipo: number
Predefinito:automatico
min

Il valore minimo da mostrare sull'asse Y. Se il punto dati minimo è inferiore a questo valore, questa impostazione viene ignorata e il grafico viene regolato in modo da mostrare il segno di spunta principale successivo al di sotto del punto dati minimo. Questo ha la precedenza sul minimo dell'asse Y determinato da scaleType.

Questo valore è simile a minValue nei grafici principali.

Tipo: number
Predefinito:automatico
redColor

Il colore da utilizzare per la sezione rossa nella notazione del colore HTML.

Tipo: string
Predefinita: '#DC3912'
redFrom

Il valore più basso per un intervallo contrassegnato da un colore rosso.

Tipo: number
Predefinito:nessuno
redTo

Il valore più alto per un intervallo contrassegnato da un colore rosso.

Tipo: number
Predefinito:nessuno
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: la larghezza del contenitore
yellowColor

Il colore da utilizzare per la sezione gialla nella notazione del colore HTML.

Tipo: string
Predefinita: '#FF9900'
yellowFrom

Il valore più basso per un intervallo contrassegnato da un colore giallo.

Tipo: number
Predefinito:nessuno
yellowTo

Il valore più alto per un intervallo contrassegnato da un colore giallo.

Tipo: number
Predefinito:nessuno

Opzioni di configurazione dei grafici geografici

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
datalessRegionColor

Colore da assegnare alle regioni senza dati associati.

Tipo: string
Predefinita: '#F5F5F5'
defaultColor

Il colore da utilizzare per i punti dati in un grafico geografico quando si trova la posizione (ad es. 'US' ) è presente, ma il valore è null o non specificato. È diverso da datalessRegionColor, che è il colore utilizzato quando mancano dati.

Tipo: string
Predefinita: '#267114'
displayMode

Che tipo di grafico geografico si tratta. Il formato DataTable deve corrispondere al valore specificato. Sono supportati i seguenti valori:

  • 'auto': scegli in base al formato della tabella di dati.
  • 'regions': colora le aree del grafico geografico.
  • 'markers': posiziona gli indicatori sulle aree.
  • 'text': etichetta le regioni con il testo della tabella di dati.
Tipo: string
Predefinito: "automatico"
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
regione

L'area da visualizzare nel grafico geografico. Vengono mostrate anche le aree circostanti. Può essere:

  • 'world': un grafico geografico del mondo intero.
  • Un continente o un subcontinente, specificato dal relativo codice di 3 cifre, ad esempio '011' per l'Africa occidentale.
  • Un paese, specificato dal relativo codice ISO 3166-1 alpha-2, ad esempio 'AU' per l'Australia.
  • Uno stato negli Stati Uniti, specificato dal codice ISO 3166-2:US, ad esempio 'US-AL' per l'Alabama. Tieni presente che l'opzione resolution deve essere impostata su 'provinces' o 'metros'.
Tipo: string
Predefinito: 'world'
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dell'istogramma

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object/div>
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
histogram.bucketSize

Specifica come hardcoded la dimensione di ogni barra dell'istogramma, anziché consentire di determinarla in modo algoritmico.

Tipo: number
Predefinita: automatica
histogram.hideBucketItems

Ometti le sottili divisioni tra i blocchi dell'istogramma, in modo da formare una serie di barre solide.

Tipo: boolean
Predefinita: false
histogram.lastBucketPercentile

Quando calcoli le dimensioni del bucket dell'istogramma, ignora la percentuale superiore e inferiore (lastBucketPercentile). I valori sono comunque inclusi nell'istogramma, ma non influiscono sul bucketing.

Tipo: number
Predefinita: 0
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, indovinerà il valore di eventuali dati mancanti in base ai punti vicini. Se false, lascerà un'interruzione nella linea nel punto sconosciuto.

Questa operazione non è supportata dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nei grafici Column, Area e SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per corrispondere meglio alla sovrapposizione degli elementi della serie (ad esempio, la serie 0 sarà l'elemento della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche lo stack al 100%, in cui gli stack degli elementi a ciascun valore di dominio vengono ridimensionati per arrivare alla somma del 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. Questa è l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': impila gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo da sommarli fino al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo che la somma sia 1, con il valore di ogni elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

Per la sovrapposizione al 100%, il valore calcolato per ogni elemento verrà visualizzato nella descrizione comando dopo il valore effettivo.

Per impostazione predefinita, l'asse target utilizza i valori di spunta basati sulla scala 0-1 relativa come frazioni di 1 per 'relative' e tra 0-100% per 'percent' (Nota: quando utilizzi l'opzione 'percent', i valori dell'asse/di graduazione vengono visualizzati in percentuale, ma i valori effettivi sono i valori relativi della scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione del formato "#,##%" ai relativi valori di scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori della scala 0-1). Puoi personalizzare le linee della griglia/i valori di graduazione e la formattazione utilizzando le opzioni di hAxis/vAxis appropriate.

Lo stack al 100% supporta solo i valori dei dati di tipo number e deve avere una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non sono specificati, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato, oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dei grafici a linee

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

Controlla la curva delle linee quando la larghezza della linea è diversa da zero. Può corrispondere a uno dei seguenti:

  • 'none': linee rette senza curve.
  • 'function': gli angoli della linea verranno smussati.
Tipo: string
Predefinito: "nessuno"
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo:string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, indovinerà il valore di eventuali dati mancanti in base ai punti vicini. Se false, lascerà un'interruzione nella linea nel punto sconosciuto.

Questa operazione non è supportata dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Larghezza della linea di dati in pixel. Utilizza il valore zero per nascondere tutte le linee e mostrare solo i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series.

Tipo: number
Predefinita: 2
pointShape

La forma dei singoli elementi dei dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentazione sui punti per alcuni esempi.

Tipo: string
Predefinita: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza il valore zero per nascondere tutti i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series. Se utilizzi una linea di tendenza, l'opzione pointSize influisce sulla larghezza della linea di tendenza, a meno che non la sostituisci con l'opzione trendlines.n.pointsize.

Tipo: number
Predefinita: 0
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non sono specificati, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • annotations: un oggetto da applicare alle annotazioni per questa serie. Può essere utilizzato per controllare, ad esempio, textStyle per la serie: 

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

    Visualizza le varie opzioni di annotations per un elenco più completo di ciò che può essere personalizzato.

  • type: il tipo di indicatore di questa serie. I valori validi sono "line", "area", "bars" e "steppedArea". Tieni presente che le barre sono in realtà barre verticali (colonne). Il valore predefinito è specificato dall'opzione seriesType del grafico.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • curveType: sostituisce il valore globale curveType per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: esegue l'override del valore globale lineDashStyle per questa serie.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato, oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se impostato su true, il grafico tratterà la colonna come una colonna di testo.

Tipo: boolean
linee di tendenza

Visualizza le linee di tendenza nei grafici che le supportano. Per impostazione predefinita vengono utilizzate le linee di tendenza linear, ma questa opzione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le opzioni saranno simili alla seguente: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Predefinita: null
trendlines.n.color

Il colore della linea di tendenza , espresso come nome di colore inglese o come stringa esadecimale.

Tipo: string
Predefinito:colore predefinito della serie
trendlines.n.degree

Per le linee di tendenza di type: 'polynomial', il grado del polinomio (2 per quadratico, 3 per cubico e così via).

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostata, la linea di tendenza verrà visualizzata nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea di tendenza , in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

Indica se le linee di tendenza sono 'linear' (valore predefinito), 'exponential' o 'polynomial'.

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

Indica se l'equazione della linea di tendenza compare nella legenda. Verrà visualizzato nella descrizione comando della linea di tendenza.

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dell'organigramma

Nome
color

Il colore di sfondo degli elementi dell'organigramma.

Tipo: string
Predefinita: '#edf7ff'
selectionColor

Il colore di sfondo degli elementi selezionati dell'organigramma.

Tipo: string
Predefinita: '#d6e9f8'
dimensioni

Le dimensioni complessive del grafico. Le opzioni sono 'small', 'medium' o 'large'.

Tipo: string
Predefinita: 'medium'

Opzioni di configurazione dei grafici a torta

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
è in 3D

Se true, visualizza un grafico tridimensionale.

Tipo: boolean
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Se è compreso tra 0 e 1, mostra un grafico ad anello. Il raggio del foro è pari a number volte il raggio del grafico.

Tipo: number
Predefinita: 0
pieSliceBorderColor

Il colore dei bordi della sezione. Applicabile solo quando il grafico è bidimensionale.

Tipo: string
Predefinita: 'white'
pieSliceText

Il contenuto del testo visualizzato nella sezione. Può corrispondere a uno dei seguenti:

  • 'percentage': la percentuale delle dimensioni della sezione rispetto al totale.
  • 'value': il valore quantitativo della sezione.
  • 'label': il nome della sezione.
  • 'none': non viene visualizzato alcun testo.
Tipo: string
Predefinita: 'percentage'
pieSliceTextStyle

Un oggetto che specifica lo stile di testo della sezione. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
slices.color

Il colore da utilizzare per questa sezione.

Tipo: string
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opzioni di configurazione dei grafici a dispersione

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo:string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

Controlla la curva delle linee quando la larghezza della linea è diversa da zero. Può corrispondere a uno dei seguenti:

  • 'none': linee rette senza curve.
  • 'function': gli angoli della linea verranno smussati.
Tipo:string
Predefinito: "nessuno"
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia con l'asse orizzontale sono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
hAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato. Questo sarà verso destra nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, in modo simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia secondarie ora dipende interamente dall'intervallo tra le linee della griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Predefinita: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato. Questo sarà verso sinistra nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore x minimo dei dati. hAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top'- Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Larghezza della linea di dati in pixel. Utilizza il valore zero per nascondere tutte le linee e mostrare solo i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series.

Tipo: number
Predefinita: 2
pointShape

La forma dei singoli elementi dei dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentazione sui punti per alcuni esempi.

Tipo: string
Predefinita: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza il valore zero per nascondere tutti i punti. Puoi eseguire l'override dei valori per singole serie utilizzando la proprietà series. Se utilizzi una linea di tendenza, l'opzione pointSize influisce sulla larghezza della linea di tendenza, a meno che non la sostituisci con l'opzione trendlines.n.pointsize.

Tipo: number
Predefinita: 0
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non sono specificati, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato,oppure puoi specificare un oggetto in cui ogni elemento figlio ha una chiave numerica che indica a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se impostato su true, il grafico tratterà la colonna come una colonna di testo.

Tipo: boolean
linee di tendenza

Visualizza le linee di tendenza nei grafici che le supportano. Per impostazione predefinita vengono utilizzate le linee di tendenza linear, ma questa opzione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le opzioni saranno simili alla seguente: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Predefinita: null
trendlines.n.color

Il colore della linea di tendenza , espresso come nome di colore inglese o come stringa esadecimale.

Tipo: string
Predefinito:colore predefinito della serie
trendlines.n.degree

Per le linee di tendenza di type: 'polynomial', il grado del polinomio (2 per quadratico, 3 per cubico e così via).

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostata, la linea di tendenza verrà visualizzata nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea di tendenza , in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

Indica se le linee di tendenza sono 'linear' (valore predefinito), 'exponential' o 'polynomial'.

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

Indica se l'equazione della linea di tendenza compare nella legenda. Verrà visualizzato nella descrizione comando della linea di tendenza.

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione del grafico ad area con rientri

Nome
areaOpacity

L'opacità predefinita dell'area colorata sotto una serie di grafici ad area, dove 0.0 è completamente trasparente e 1.0 è completamente opaco. Per specificare l'opacità per una singola serie, imposta il valore areaOpacity nella proprietà series.

Tipo: number, 0.0- 1.0
Predefinita: 0.3
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, è possibile fornire le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della larghezza specificata (e con il colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nei grafici Column, Area e SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per corrispondere meglio alla sovrapposizione degli elementi della serie (ad esempio, la serie 0 sarà l'elemento della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche lo stack al 100%, in cui gli stack degli elementi a ciascun valore di dominio vengono ridimensionati per arrivare alla somma del 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. Questa è l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': impila gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo da sommarli fino al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore di dominio e li scala in modo che la somma sia 1, con il valore di ogni elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

Per la sovrapposizione al 100%, il valore calcolato per ogni elemento verrà visualizzato nella descrizione comando dopo il valore effettivo.

Per impostazione predefinita, l'asse target utilizza i valori di spunta basati sulla scala 0-1 relativa come frazioni di 1 per 'relative' e tra 0-100% per 'percent' (Nota: quando utilizzi l'opzione 'percent', i valori dell'asse/di graduazione vengono visualizzati in percentuale, ma i valori effettivi sono i valori relativi della scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione del formato "#,##%" ai relativi valori di scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori della scala 0-1). Puoi personalizzare le linee della griglia/i valori di graduazione e la formattazione utilizzando le opzioni di hAxis/vAxis appropriate.

Lo stack al 100% supporta solo i valori dei dati di tipo number e deve avere una base di riferimento pari a zero.

Tipo: boolean/ string
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non sono specificati, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • areaOpacity: sostituisce il valore areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • type: il tipo di indicatore di questa serie. I valori validi sono "line", "area", "bars" e "steppedArea". Tieni presente che le barre sono in realtà barre verticali (colonne). Il valore predefinito è specificato dall'opzione seriesType del grafico.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: esegue l'override del valore globale lineDashStyle per questa serie.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; imposta 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce di legenda, mentre false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica.Ad esempio, le seguenti due dichiarazioni sono identiche e dichiarare la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se impostato su true, il grafico tratterà la colonna come una colonna di testo.

Tipo: boolean
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori di proprietà sostituiscono qualsiasi impostazione globale per la stessa proprietà.

Per specificare un grafico con più assi verticali, definisci prima un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e uno stile di testo personalizzati: 

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ognuno con un'etichetta numerica che specifica l'asse definito. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 per invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; sarà verso l'alto nella maggior parte dei grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile all'opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia minori impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee principali e dallo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. Sarà verso il basso nella maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorato quando il valore di vAxis.viewWindowMode è "Abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dei grafici a tabella

Nome
alternatingRowStyle

Determina se uno stile di colore alternato verrà assegnato alle righe pari e dispari.

Tipo: boolean
Predefinita: true
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
pagina

Se e come abilitare il paging dei dati. Scegli uno dei seguenti valori di string:

  • 'enable': la tabella includerà i pulsanti per andare avanti e indietro pagina. Se fai clic su questi pulsanti, verrà eseguita l'operazione di paging e la pagina visualizzata verrà modificata. Ti consigliamo di impostare anche l'opzione pageSize.
  • 'event': la tabella includerà pulsanti per andare avanti e indietro pagina, ma se fai clic su questi pulsanti verrà attivato un evento 'page' e la pagina visualizzata non verrà modificata. Questa opzione dovrebbe essere utilizzata se il codice implementa la propria logica di voltatura delle pagine. Vedi l'esempio di TableQueryWrapper per un esempio di come gestire manualmente gli eventi di paging.
  • 'disable' - [Predefinito] Il paging non è supportato.
    • Tipo: string
    Predefinita: 'disable'
pageSize

Il numero di righe in ogni pagina, quando il paging è abilitato con l'opzione della pagina.

Tipo: number
Predefinita: 10
showRowNumber

Se impostato su true, mostra il numero di riga come prima colonna della tabella.

Tipo: boolean
Predefinita: false
ordinare

Se e come ordinare le colonne quando l'utente fa clic su un'intestazione di colonna. Se l'ordinamento è abilitato, valuta la possibilità di impostare anche le proprietà sortAscending e sortColumn. Scegli uno dei seguenti valori di string:

  • 'enable' - [Predefinito] Gli utenti possono fare clic sulle intestazioni di colonna per ordinare i dati in base alla colonna selezionata. Quando gli utenti fanno clic sull'intestazione della colonna, le righe vengono ordinate automaticamente e viene attivato un 'sort'evento.
  • 'event': quando gli utenti fanno clic sull'intestazione della colonna, viene attivato un evento 'sort', ma le righe non vengono ordinate automaticamente. Questa opzione deve essere utilizzata quando la pagina implementa il proprio ordinamento. Vedi l'esempio di TableQueryWrapper per un esempio di come gestire manualmente gli eventi.
  • 'disable'- Fare clic sull'intestazione di una colonna non ha alcun effetto.
Tipo: string
Predefinita: 'enable'
sortAscending

L'ordine in cui viene ordinata la colonna di ordinamento iniziale. True per l'ordine crescente, false per decrescente. Ignorato se sortColumn non è specificato.

Tipo: boolean
Predefinita: true
sortColumn

L'indice di una colonna nella tabella di dati, in base al quale la tabella viene inizialmente ordinata. La colonna è contrassegnata da una piccola freccia che indica l'ordinamento.

Tipo: number
Predefinita: -1
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione degli Spostamenti

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con le seguenti proprietà.

Tipo: string o object
Predefinita: 'white'
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione della mappa ad albero

Nome
headerColor

Il colore della sezione dell'intestazione per ciascun nodo. Specifica un valore di colore HTML.

Tipo: string
Predefinita: #988f86
maxColor

Il colore di un rettangolo con il valore della colonna 3: maxColorValue. Specifica un valore di colore HTML.

Tipo: string
Predefinita: #00dd00
maxDepth

Il numero massimo di livelli di nodi da mostrare nella visualizzazione corrente. I livelli sono appiattiti nel piano attuale. Se il tuo albero ha più livelli, devi salire o scendere per vederli. Puoi vedere anche maxPostDepth livelli al di sotto come rettangoli ombreggiati all'interno di questi nodi.

Tipo: number
Predefinita: 1
maxPostDepth

Il numero di livelli di nodi oltre maxDepth da mostrare in modo "suggerito". I nodi suggeriti vengono mostrati come rettangoli ombreggiati all'interno di un nodo che rientra nel limite di maxDepth.

Tipo: number
Predefinita: 0
midColor

Il colore di un rettangolo con un valore della colonna 3 a metà tra maxColorValue e minColorValue. Specifica un valore di colore HTML.

Tipo: string
Predefinita: #000000
minColor

Il colore di un rettangolo con il valore della colonna 3: minColorValue. Specifica un valore di colore HTML.

Tipo: string
Predefinita: #dd0000
noColor

Il colore da utilizzare per un rettangolo quando un nodo non ha valori per la colonna 3 e tale nodo è una foglia (o contiene solo foglie). Specifica un valore di colore HTML.

Tipo: string
Predefinita: #000000
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Un oggetto che specifica lo stile di testo del titolo. Il colore può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

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

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}