Opzioni di configurazione dei grafici

Tipi di grafici

Opzioni di configurazione dei grafici di annotazione

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
Predefinita: colori predefiniti
displayRangeSelector

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

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

Tipo: boolean
Predefinito: true
displayZoomButtons

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

Tipo: boolean
Predefinito: 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 graduazione principale successivo sopra il punto dati massimo. Questa operazione ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

È 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. Questa operazione ha la precedenza sul valore minimo dell'asse Y determinato da scaleType.

È 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, in cui 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
Predefinito: 0.3
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: 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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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

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

Non è supportato dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinito: false
isStacked

Se impostato su true, gli elementi di tutte le serie vengono sovrapposti a ogni valore di dominio. Nota: nei grafici Colonne, ad area e SteppedArea, Google Chart inverte l'ordine degli elementi della legenda per corrispondere meglio all'impilamento 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 stacking al 100%, in cui gli stack di elementi in corrispondenza di ciascun valore di dominio vengono riscalati per arrivare al 100%.

Le opzioni per isStacked sono:

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

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

L'asse di destinazione selezionerà per impostazione predefinita i valori di selezione in base alla relativa scala 0-1 come frazioni di 1 per 'relative' e 0-100% per 'percent' (Nota: quando si utilizza l'opzione 'percent', i valori di asse/tick vengono visualizzati come percentuali, ma i valori effettivi sono i relativi valori di scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione di un formato di "#,##%" ai relativi valori della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori di scala 0-1. Puoi personalizzare le linee della griglia/i valori dei segni di graduazione e la formattazione utilizzando le opzioni hAxis/vAxis appropriate.

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

Tipo: boolean/string
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Spessore linea di dati in pixel. Utilizza lo zero per nascondere tutte le linee e mostrare solo i punti. Puoi sostituire i valori per le singole serie utilizzando la proprietà series.

Tipo: number
Predefinito: 2
pointShape

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

Tipo: string
Predefinito: 'circle'
pointSize

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

Tipo: number
Predefinito: 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
Predefinito: false
series

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 è specificato, 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' }
    }
  }
}

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

  • areaOpacity: sostituisce il valore globale areaOpacity 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: sostituisce il valore globale lineDashStyle per questa serie.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: sostituisce il valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: sostituisce il 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; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie 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 legenda, mentre 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 elemento figlio ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici a barre

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo:string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: colori predefiniti
hAxes

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

Per specificare un grafico con più assi orizzontali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto hAxis mostrato sopra: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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, gli elementi di tutte le serie vengono sovrapposti a ogni valore di dominio. Nota: nei grafici Colonne, ad area e SteppedArea, Google Chart inverte l'ordine degli elementi della legenda per corrispondere meglio all'impilamento 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 stacking al 100%, in cui gli stack di elementi in corrispondenza di ciascun valore di dominio vengono riscalati per arrivare al 100%.

Le opzioni per isStacked sono:

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

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

L'asse di destinazione selezionerà per impostazione predefinita i valori di selezione in base alla relativa scala 0-1 come frazioni di 1 per 'relative' e 0-100% per 'percent' (Nota: quando si utilizza l'opzione 'percent', i valori di asse/tick vengono visualizzati come percentuali, ma i valori effettivi sono i relativi valori di scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione di un formato di "#,##%" ai relativi valori della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori di scala 0-1. Puoi personalizzare le linee della griglia/i valori dei segni di graduazione e la formattazione utilizzando le opzioni hAxis/vAxis appropriate.

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

Tipo: boolean/string
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {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
Predefinito: false
series

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 è specificato, 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' }
    }
  }
}

    Vedi 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; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie 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 legenda, mentre 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 elemento figlio ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {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 vengono specificate in base alle serie, quindi il più delle volte le opzioni avranno il seguente aspetto: 

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

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

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

Lo spessore della linea della linea di tendenza, in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

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

Tipo: string
Predefinito: 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
Predefinito: false
useFirstColumnAsDomain

Se è impostata 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici a bolle

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
fumetto

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

Tipo: object
Predefinito: 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
Predefinito: '#ccc'
bubble.textStyle

Un oggetto che specifica lo stile di testo delle bolle. L'oggetto ha il seguente 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
Predefinito: {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 (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: 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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
series

Un oggetto di oggetti, in cui le chiavi sono nomi di serie (i valori nella colonna Colore) e ogni 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 significa che la serie deve avere una voce legenda, mentre false significa che non dovrebbe. Il valore predefinito è true.
Esempio: 
series: {'Europe': {color: 'green'}}
Tipo: oggetto con oggetti nidificati.
Predefinito: {}
sizeAxis

Un oggetto con membri per configurare il modo in cui i valori vengono associati 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
Predefinito: null
sizeAxis.maxSize

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

Tipo: number
Predefinita: 30
sizeAxis.minSize

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

Tipo: number
Predefinita: 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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione del calendario

Nome
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
width

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione del grafico a candele

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: 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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {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
Predefinito: false
series

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 è specificato, 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: sostituisce il valore globale candlestick.fallingColor.fill per questa serie.
  • fallingColor.stroke: sostituisce il valore globale candlestick.fallingColor.stroke per questa serie.
  • fallingColor.strokeWidth: sostituisce il valore globale candlestick.fallingColor.strokeWidth per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • risingColor.fill: sostituisce il valore globale candlestick.risingColor.fill per questa serie.
  • risingColor.stroke: sostituisce il valore globale candlestick.risingColor.stroke per questa serie.
  • risingColor.strokeWidth: sostituisce il valore globale candlestick.risingColor.strokeWidth per questa serie.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie 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 legenda, mentre 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 elemento figlio ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici a colonne

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: 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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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, gli elementi di tutte le serie vengono sovrapposti a ogni valore di dominio. Nota: nei grafici Colonne, ad area e SteppedArea, Google Chart inverte l'ordine degli elementi della legenda per corrispondere meglio all'impilamento 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 stacking al 100%, in cui gli stack di elementi in corrispondenza di ciascun valore di dominio vengono riscalati per arrivare al 100%.

Le opzioni per isStacked sono:

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

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

L'asse di destinazione selezionerà per impostazione predefinita i valori di selezione in base alla relativa scala 0-1 come frazioni di 1 per 'relative' e 0-100% per 'percent' (Nota: quando si utilizza l'opzione 'percent', i valori di asse/tick vengono visualizzati come percentuali, ma i valori effettivi sono i relativi valori di scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione di un formato di "#,##%" ai relativi valori della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori di scala 0-1. Puoi personalizzare le linee della griglia/i valori dei segni di graduazione e la formattazione utilizzando le opzioni hAxis/vAxis appropriate.

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

Tipo: boolean/string
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {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
Predefinito: false
series

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 specifichi 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' }
    }
  }
}

    Vedi 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; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie 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 elemento figlio ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {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 vengono specificate in base alle serie, quindi il più delle volte le opzioni avranno il seguente aspetto: 

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

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

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

Lo spessore della linea della linea di tendenza, in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

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

Tipo: string
Predefinito: 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
Predefinito: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" 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, in cui 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
Predefinito: 0.3
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: colori predefiniti
curveType

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

  • 'none': linee rette senza curva.
  • 'function': gli angoli della linea verranno uniformati.
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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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

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

Non è supportato dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinito: false
isStacked

Se impostato su true, gli elementi di tutte le serie vengono sovrapposti a ogni valore di dominio. Nota: nei grafici Colonne, ad area e SteppedArea, Google Chart inverte l'ordine degli elementi della legenda per corrispondere meglio all'impilamento 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 stacking al 100%, in cui gli stack di elementi in corrispondenza di ciascun valore di dominio vengono riscalati per arrivare al 100%.

Le opzioni per isStacked sono:

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

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

L'asse di destinazione selezionerà per impostazione predefinita i valori di selezione in base alla relativa scala 0-1 come frazioni di 1 per 'relative' e 0-100% per 'percent' (Nota: quando si utilizza l'opzione 'percent', i valori di asse/tick vengono visualizzati come percentuali, ma i valori effettivi sono i relativi valori di scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione di un formato di "#,##%" ai relativi valori della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori di scala 0-1. Puoi personalizzare le linee della griglia/i valori dei segni di graduazione e la formattazione utilizzando le opzioni hAxis/vAxis appropriate.

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

Tipo: boolean/string
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Spessore linea di dati in pixel. Utilizza lo zero per nascondere tutte le linee e mostrare solo i punti. Puoi sostituire i valori per le singole serie utilizzando la proprietà series.

Tipo: number
Predefinito: 2
pointShape

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

Tipo: string
Predefinito: 'circle'
pointSize

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

Tipo: number
Predefinito: 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
Predefinito: false
series

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 è specificato, 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' }
    }
  }
}

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

  • areaOpacity: sostituisce il valore globale areaOpacity 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: sostituisce il valore globale candlestick.fallingColor.fill per questa serie.
  • fallingColor.stroke: sostituisce il valore globale candlestick.fallingColor.stroke per questa serie.
  • fallingColor.strokeWidth: sostituisce il valore globale candlestick.fallingColor.strokeWidth per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: sostituisce il valore globale lineDashStyle per questa serie.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: sostituisce il valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: sostituisce il valore globale pointsVisible per questa serie.
  • risingColor.fill: sostituisce il valore globale candlestick.risingColor.fill per questa serie.
  • risingColor.stroke: sostituisce il valore globale candlestick.risingColor.stroke per questa serie.
  • risingColor.strokeWidth: sostituisce il valore globale candlestick.risingColor.strokeWidth per questa serie.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • type: il tipo di indicatore per 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 significa che la serie deve avere una voce legenda, mentre 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 elemento figlio ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione del misuratore

Nome
greenColor

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

Tipo: string
Predefinito: '#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 graduazione principale successivo sopra il punto dati massimo. Questa operazione ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

È 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. Questa operazione ha la precedenza sul valore minimo dell'asse Y determinato da scaleType.

È simile a minValue nei grafici principali.

Tipo: number
Predefinito: automatico
redColor

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

Tipo: string
Predefinito: '#DC3912'
redFrom

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

Tipo: number
Predefinito: nessuno
redTo

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

Tipo: number
Predefinito: nessuno
width

Larghezza del grafico in pixel.

Tipo: number
Predefinita: la larghezza del contenitore
yellowColor

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

Tipo: string
Predefinito: '#FF9900'
yellowFrom

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

Tipo: number
Predefinito: nessuno
yellowTo

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

Tipo: number
Predefinito: nessuno

Opzioni di configurazione dei grafici geografici

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
datalessRegionColor

Colore da assegnare alle regioni senza dati associati.

Tipo: string
Predefinito: '#F5F5F5'
defaultColor

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

Tipo: string
Predefinito: '#267114'
displayMode

Tipo di grafico geografico. 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 regioni sul grafico geografico.
  • 'markers' - Posiziona gli indicatori sulle regioni.
  • 'text': etichetta le regioni con il testo della tabella di dati.
Tipo: string
Predefinito: 'auto'
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
Predefinito: null
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
region

L'area da visualizzare nel grafico geografico. Vengono visualizzate anche le aree circostanti. Può essere uno dei seguenti:

  • 'world': un grafico geografico del mondo intero.
  • Un continente o un subcontinente, specificato dal relativo codice di tre cifre, ad esempio '011' per l'Africa occidentale.
  • Un paese specificato dal suo codice ISO 3166-1 alpha-2, ad esempio 'AU' per l'Australia.
  • Uno stato degli Stati Uniti specificato dal relativo 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'
width

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione a istogrammi

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: 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
Predefinito: null
hAxis.gridlines

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.textPosition

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

Tipo: string
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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

Applica l'hardcoded delle dimensioni della barra di ogni istogramma anziché lasciarla determinata in modo algoritmico.

Tipo: number
Predefinita: automatica
histogram.hideBucketItems

Ometti le sottili divisioni tra i blocchi dell'istogramma, trasformandolo in una serie di barre continue.

Tipo: boolean
Predefinito: false
histogram.lastBucketPercentile

Nel calcolare le dimensioni del bucket dell'istogramma, ignora il lastBucketPercentile percento superiore e inferiore. I valori sono comunque inclusi nell'istogramma, ma non influiscono sul bucketing.

Tipo: number
Predefinito: 0
interpolateNulls

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

Non è supportato dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinito: false
isStacked

Se impostato su true, gli elementi di tutte le serie vengono sovrapposti a ogni valore di dominio. Nota: nei grafici Colonne, ad area e SteppedArea, Google Chart inverte l'ordine degli elementi della legenda per corrispondere meglio all'impilamento 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 stacking al 100%, in cui gli stack di elementi in corrispondenza di ciascun valore di dominio vengono riscalati per arrivare al 100%.

Le opzioni per isStacked sono:

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

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

L'asse di destinazione selezionerà per impostazione predefinita i valori di selezione in base alla relativa scala 0-1 come frazioni di 1 per 'relative' e 0-100% per 'percent' (Nota: quando si utilizza l'opzione 'percent', i valori di asse/tick vengono visualizzati come percentuali, ma i valori effettivi sono i relativi valori di scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione di un formato di "#,##%" ai relativi valori della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori di scala 0-1. Puoi personalizzare le linee della griglia/i valori dei segni di graduazione e la formattazione utilizzando le opzioni hAxis/vAxis appropriate.

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

Tipo: boolean/string
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {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
Predefinito: false
series

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 è specificato, 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; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie 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 legenda, mentre 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 elemento figlio ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
width

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione del grafico a linee

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: colori predefiniti
curveType

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

  • 'none': linee rette senza curva.
  • 'function': gli angoli della linea verranno uniformati.
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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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

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

Non è supportato dai grafici ad area con l'opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Spessore linea di dati in pixel. Utilizza lo zero per nascondere tutte le linee e mostrare solo i punti. Puoi sostituire i valori per le singole serie utilizzando la proprietà series.

Tipo: number
Predefinito: 2
pointShape

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

Tipo: string
Predefinito: 'circle'
pointSize

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

Tipo: number
Predefinito: 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
Predefinito: false
series

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 è specificato, 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' }
    }
  }
}

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

  • type: il tipo di indicatore per 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: sostituisce il valore globale lineDashStyle per questa serie.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: sostituisce il valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: sostituisce il 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; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie 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 legenda, mentre 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 elemento figlio ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se è impostata 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 vengono specificate in base alle serie, quindi il più delle volte le opzioni avranno il seguente aspetto: 

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

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

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

Lo spessore della linea della linea di tendenza , in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

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

Tipo: string
Predefinito: 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
Predefinito: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dell'organigramma

Nome
colore

Il colore di sfondo degli elementi dell'organigramma.

Tipo: string
Predefinito: '#edf7ff'
selectionColor

Il colore di sfondo degli elementi selezionati dell'organigramma.

Tipo: string
Predefinito: '#d6e9f8'
dimensioni

La dimensione complessiva del grafico. Le opzioni includono 'small', 'medium' o 'large'.

Tipo: string
Predefinito: 'medium'

Opzioni di configurazione del grafico a torta

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
è3D

Se true, viene visualizzato un grafico tridimensionale.

Tipo: boolean
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Se compreso tra 0 e 1, viene visualizzato un grafico ad anello. Il foro ha un raggio pari a number volte il raggio del grafico.

Tipo: number
Predefinito: 0
pieSliceBorderColor

Il colore dei bordi delle sezioni. Applicabile solo quando il grafico è bidimensionale.

Tipo: string
Predefinito: 'white'
pieSliceText

Il contenuto del testo visualizzato nella sezione. Può corrispondere a uno dei seguenti:

  • 'percentage': la percentuale della dimensione della sezione sul totale.
  • 'value': il valore quantitativo della sezione.
  • 'label': il nome della sezione.
  • 'none': non viene visualizzato alcun testo.
Tipo: string
Predefinito: 'percentage'
pieSliceTextStyle

Un oggetto che specifica lo stile di testo della sezione. L'oggetto ha il seguente 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
Predefinito: {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
Predefinito: 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
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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opzioni di configurazione dei grafici a dispersione

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo:string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: colori predefiniti
curveType

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

  • 'none': linee rette senza curva.
  • 'function': gli angoli della linea verranno uniformati.
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
Predefinito: null
hAxis.direction

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

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

Un oggetto con proprietà per configurare le linee della griglia sull'asse orizzontale. Tieni presente che le linee della griglia dell'asse orizzontale vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis che rende l'asse orizzontale una scala logaritmica (richiede che tutti i valori siano positivi). Impostala su true se la risposta è sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinito: false
hAxis.maxValue

Sposta il valore massimo dell'asse orizzontale sul valore specificato, che si troverà a 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, simile all'opzione hAxis.gridlines.

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è principalmente deprecata, ad eccezione della disattivazione delle linee della griglia secondarie 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
Predefinito: 1
hAxis.minValue

Sposta il valore minimo dell'asse orizzontale sul valore specificato; questo valore 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
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top'- Sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Spessore linea di dati in pixel. Utilizza lo zero per nascondere tutte le linee e mostrare solo i punti. Puoi sostituire i valori per le singole serie utilizzando la proprietà series.

Tipo: number
Predefinito: 2
pointShape

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

Tipo: string
Predefinito: 'circle'
pointSize

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

Tipo: number
Predefinito: 0
series

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 è specificato, 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: sostituisce il valore globale pointShape per questa serie.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: sostituisce il valore globale pointsVisible per questa serie.
  • visibleInLegend: un valore boolean, dove true significa che la serie deve avere una voce legenda, mentre 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 elemento secondario ha una chiave numerica che indica la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se è impostata 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 vengono specificate in base alle serie, quindi il più delle volte le opzioni avranno il seguente aspetto: 

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

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

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

Lo spessore della linea della linea di tendenza , in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

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

Tipo: string
Predefinito: 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
Predefinito: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" 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, in cui 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
Predefinito: 0.3
backgroundColor

Il colore di sfondo dell'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
Predefinito: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, sotto forma di stringa di colore HTML.

Tipo: string
Predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui 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 espresso in pixel, mentre un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

La distanza tra cui tracciare il grafico a partire dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

La distanza tra il bordo superiore e la distanza del grafico.

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
Predefinita: 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
Predefinito: null
hAxis.direction

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

Tipo: 1 o -1
Predefinito: 1
hAxis.textPosition

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

Tipo: string
Predefinito: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinito: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile del testo del titolo dell'asse orizzontale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali 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, gli elementi di tutte le serie vengono sovrapposti a ogni valore di dominio. Nota: nei grafici Colonne, ad area e SteppedArea, Google Chart inverte l'ordine degli elementi della legenda per corrispondere meglio all'impilamento 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 stacking al 100%, in cui gli stack di elementi in corrispondenza di ciascun valore di dominio vengono riscalati per arrivare al 100%.

Le opzioni per isStacked sono:

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

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

L'asse di destinazione selezionerà per impostazione predefinita i valori di selezione in base alla relativa scala 0-1 come frazioni di 1 per 'relative' e 0-100% per 'percent' (Nota: quando si utilizza l'opzione 'percent', i valori di asse/tick vengono visualizzati come percentuali, ma i valori effettivi sono i relativi valori di scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione di un formato di "#,##%" ai relativi valori della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori di scala 0-1. Puoi personalizzare le linee della griglia/i valori dei segni di graduazione e la formattazione utilizzando le opzioni hAxis/vAxis appropriate.

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

Tipo: boolean/ string
Predefinito: 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
Predefinito: 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. Quindi, 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. Non compatibile con l'opzione vAxes.
  • 'top': sopra il grafico.
Tipo: string
Predefinito: 'right'
legendTextStyle

Un oggetto che specifica lo stile del testo della legenda. L'oggetto ha il seguente 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
Predefinito: {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
Predefinito: false
series

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 è specificato, verrà utilizzato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • areaOpacity: sostituisce il valore globale areaOpacity per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • type: il tipo di indicatore per 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: sostituisce il 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; impostato su 1 per definire un grafico in cui viene eseguito il rendering di diverse serie su assi diversi. È necessario allocare almeno una serie 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 legenda, mentre 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 la serie a cui 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 o oggetto con oggetti nidificati.
Predefinito: {}
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
Predefinito: {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 determinato comportamento del grafico o effetto visivo. 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
Predefinito: 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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

Per specificare un grafico con più assi verticali, definisci innanzitutto un nuovo asse utilizzando series.targetAxisIndex, quindi 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, ciascuno con un'etichetta numerica che specifica l'asse che definisce (questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, la seguente notazione di stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetto o oggetto con oggetti secondari
Predefinito: 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
Predefinito: null
vAxis.direction

La direzione in cui crescono i valori sull'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
Predefinito: 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 vengono 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
Predefinito: 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
Predefinito: '#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, questo verrà utilizzato per calcolare il valore di minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia o 0 per non tracciare alcuna linea della griglia. Specifica -1, impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

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

Tipo: boolean
Predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato; nella maggior parte dei grafici, questo valore aumenterà. 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, come per l'opzione vAxis.gridlines.

Tipo: object
Predefinito: 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
Predefinita: una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
Predefinito: null
vAxis.textPosition

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

Tipo: string
Predefinito: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {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 del testo del titolo dell'asse verticale. L'oggetto ha il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore minimo dei dati del verticale da visualizzare.

Ignorato quando vAxis.viewWindowMode è "grazioso" o "massimizzato".

Tipo: number
Predefinita: automatica
width

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
Predefinito: true
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
pagina

Se e come attivare il paging tra i dati. Scegli uno dei seguenti valori di string:

  • 'enable': la tabella includerà i pulsanti Avanti pagina e Indietro pagina. Fai clic su questi pulsanti per eseguire l'operazione di paging e modificare la pagina visualizzata. Ti consigliamo di impostare anche l'opzione pageSize.
  • 'event': la tabella includerà i pulsanti Avanti pagina e Indietro pagina; se fai clic su questi pulsanti, verrà attivato un evento 'page' e la pagina visualizzata non verrà modificata. Questa opzione deve essere utilizzata quando il codice implementa la propria logica per girare pagina. Vedi l'esempio di TableQueryWrapper per un esempio di come gestire manualmente gli eventi di paging.
  • 'disable' - [Predefinito] Il paging non è supportato.
    • Tipo: string
    Predefinito: 'disable'
pageSize

Il numero di righe in ogni pagina, quando il paging è attivato con l'opzione pagina.

Tipo: number
Predefinito: 10
showRowNumber

Se impostato su true, mostra il numero di riga come prima colonna della tabella.

Tipo: boolean
Predefinito: 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 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 di ordinamento.
  • 'disable'- Fare clic sull'intestazione di una colonna non ha alcun effetto.
Tipo: string
Predefinito: 'enable'
sortAscending

L'ordine in cui è ordinata la colonna di ordinamento iniziale. True per l'ordine crescente, false per la discendenza. Ignorato se sortColumn non è specificato.

Tipo: boolean
Predefinito: true
sortColumn

Indice di una colonna nella tabella di dati, in base alla quale la tabella è inizialmente ordinata. La colonna è contrassegnata da una piccola freccia che indica l'ordinamento.

Tipo: number
Predefinito: -1
width

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione della sequenza temporale

Nome
backgroundColor

Il colore di sfondo dell'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
Predefinito: '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
Predefinita: colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
width

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 di intestazione di ciascun nodo. Specifica un valore di colore HTML.

Tipo: string
Predefinito: #988f86
maxColor

Il colore di un rettangolo con un valore colonna 3 pari a maxColorValue. Specifica un valore di colore HTML.

Tipo: string
Predefinito: #00dd00
maxDepth

Il numero massimo di livelli di nodi da mostrare nella visualizzazione corrente. I livelli sono suddivisi nell'aereo attuale. Se l'albero ha più livelli di questi, devi salire o scendere per visualizzarli. Puoi anche vedere i livelli di maxPostDepth sotto questo valore come rettangoli ombreggiati all'interno di questi nodi.

Tipo: number
Predefinito: 1
maxPostDepth

Il numero di livelli di nodi oltre maxDepth da mostrare in modo "indotto". I nodi suggeriti sono mostrati come rettangoli ombreggiati all'interno di un nodo che rientra nel limite di maxDepth.

Tipo: number
Predefinito: 0
midColor

Il colore di un rettangolo con un valore di colonna 3 a metà tra maxColorValue e minColorValue. Specifica un valore di colore HTML.

Tipo: string
Predefinito: #000000
minColor

Il colore di un rettangolo con il valore colonna 3 di minColorValue. Specifica un valore di colore HTML.

Tipo: string
Predefinito: #dd0000
noColor

Il colore da utilizzare per un rettangolo quando un nodo non ha valore per la colonna 3 e tale nodo è una foglia (o contiene solo foglie). Specifica un valore di colore HTML.

Tipo: string
Predefinito: #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
Predefinito: {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
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 il seguente 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
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}