Opzioni di configurazione dei grafici

Tipi di grafici

Opzioni di configurazione del grafico delle annotazioni

Nome
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
displayRangeSelector

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

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

Tipo: boolean
Predefinito: true
displayZoomButtons

Consente di stabilire se mostrare i pulsanti di zoom ("1 g 5 g 1 m" 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 modificato per mostrare il segno di graduazione principale successivo sopra il punto dati massimo. Questo valore ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

È simile a maxValue nei grafici di base.

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 modificato per mostrare il successivo segno di graduazione principale sotto il punto dati minimo. Questa impostazione ha la precedenza sul valore minimo dell'asse Y determinato da scaleType.

È simile a minValue nei grafici di base.

Tipo: number
Predefinito: automatico

Opzioni di configurazione del grafico ad area

Nome
areaOpacity

L'opacità predefinita dell'area colorata sotto una serie di grafici ad area, dove 0.0 è completamente trasparente e 1.0 è completamente opaco. Per specificare l'opacità di 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, il sistema indovina il valore di tutti i dati mancanti in base ai punti vicini. Se false, verrà lasciata un'interruzione nella linea nel punto sconosciuto.

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

Tipo: boolean
Predefinito: false
isStacked

Se impostato su true, impila gli elementi per tutte le serie in corrispondenza di ogni valore del dominio. Nota: nei grafici a colonne, ad area e SteppedArea, Google Charts inverte l'ordine delle voci della legenda per corrispondere meglio all'impilamento degli elementi delle serie (ad es. la serie 0 sarà la voce della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'impilamento al 100%, in cui le pile di elementi in ogni valore di dominio vengono ridimensionate in modo che la somma sia pari al 100%.

Le opzioni per isStacked sono:

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

Per l'impilamento al 100%, il valore calcolato per ogni elemento viene visualizzato nella descrizione comando dopo il valore effettivo.

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

Il raggruppamento al 100% supporta solo i valori dei dati di tipo number e deve avere una base di 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 dell'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 l'asse sinistro non abbia series associato. 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 questo formato:

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

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

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

Larghezza della linea di dati in pixel. Utilizza zero per nascondere tutte le linee e mostrare solo i punti. Puoi ignorare 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'. Per alcuni esempi, consulta la documentazione sui punti .

Tipo: string
Predefinito: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza zero per nascondere tutti i punti. Puoi sostituire i 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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se non viene specificata 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, il textStyle per la serie: 

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

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

  • areaOpacity: esegue l'override di areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: esegue l'override del valore globale lineDashStyle per questa serie.
  • lineWidth: esegue l'override del valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: esegue l'override del valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • targetAxisIndex: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend - Un valore boolean, dove true indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
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 impostato su true, il grafico tratterà la colonna come dominio.

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

Opzioni di configurazione del grafico 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo:numero o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxes

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

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

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 in stile array è identica all'oggetto hAxis mostrato sopra: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi per tutte le serie in corrispondenza di ogni valore del dominio. Nota: nei grafici a colonne, ad area e SteppedArea, Google Charts inverte l'ordine delle voci della legenda per corrispondere meglio all'impilamento degli elementi delle serie (ad es. la serie 0 sarà la voce della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'impilamento al 100%, in cui le pile di elementi in ogni valore di dominio vengono ridimensionate in modo che la somma sia pari al 100%.

Le opzioni per isStacked sono:

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

Per l'impilamento al 100%, il valore calcolato per ogni elemento viene visualizzato nella descrizione comando dopo il valore effettivo.

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

Il raggruppamento al 100% supporta solo i valori dei dati di tipo number e deve avere una base di 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 dell'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 sia associata alcuna 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 questo formato:

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

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

Tipo: object
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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se non viene specificata 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, il textStyle per la serie: 

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

    Consulta 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: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend - Un valore boolean, dove true indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
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 impostazione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza vengono specificate in base alla serie, quindi la maggior parte delle volte le opzioni avranno questo 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 un colore in inglese o come stringa esadecimale.

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

La larghezza della linea di tendenza, in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

Se le linee di tendenza sono 'linear' (impostazione predefinita), 'exponential' o 'polynomial'.

Tipo: string
Predefinito: linear
trendlines.n.visibleInLegend

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

Tipo: boolean
Predefinito: false
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

Opzioni di configurazione del grafico 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, come stringa di colore HTML.

Tipo: string
Predefinito: 'white'
fumetto

Un oggetto con i 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
Valore predefinito: 0,8
bubble.stroke

Il colore del tratto delle bolle.

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

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

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

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

Tipo: object
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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: 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 dell'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 sia associata alcuna 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 questo formato:

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

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

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

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

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

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

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

Il raggio massimo della bolla più grande possibile, in pixel.

Tipo: number
Valore predefinito: 30
sizeAxis.minSize

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

Tipo: number
Valore predefinito: 5
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito: nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
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 impostato su true, il grafico tratterà la colonna come dominio.

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

Opzioni di configurazione del calendario

Nome
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Impostazione 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: 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 dell'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 sia associata alcuna 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 questo formato:

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

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

Tipo: object
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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non è 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: esegue l'override del valore globale candlestick.fallingColor.fill per questa serie.
  • fallingColor.stroke: esegue l'override del valore globale candlestick.fallingColor.stroke per questa serie.
  • fallingColor.strokeWidth: esegue l'override del valore globale candlestick.fallingColor.strokeWidth per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • risingColor.fill: esegue l'override del valore globale candlestick.risingColor.fill per questa serie.
  • risingColor.stroke: esegue l'override del valore globale candlestick.risingColor.stroke per questa serie.
  • risingColor.strokeWidth: esegue l'override del valore globale candlestick.risingColor.strokeWidth per questa serie.
  • targetAxisIndex: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend - Un valore boolean, dove true indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

Opzioni di configurazione del grafico 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi per tutte le serie in corrispondenza di ogni valore del dominio. Nota: nei grafici a colonne, ad area e SteppedArea, Google Charts inverte l'ordine delle voci della legenda per corrispondere meglio all'impilamento degli elementi delle serie (ad es. la serie 0 sarà la voce della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'impilamento al 100%, in cui le pile di elementi in ogni valore di dominio vengono ridimensionate in modo che la somma sia pari al 100%.

Le opzioni per isStacked sono:

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

Per l'impilamento al 100%, il valore calcolato per ogni elemento viene visualizzato nella descrizione comando dopo il valore effettivo.

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

Il raggruppamento al 100% supporta solo i valori dei dati di tipo number e deve avere una base di 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 dell'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 sia associata alcuna 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 questo formato:

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

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

Tipo: object
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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non è 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, il textStyle per la serie: 

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

    Consulta 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: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
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 impostazione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza vengono specificate in base alla serie, quindi la maggior parte delle volte le opzioni avranno questo 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 un colore in inglese o come stringa esadecimale.

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

La larghezza della linea di tendenza, in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

Se le linee di tendenza sono 'linear' (impostazione predefinita), 'exponential' o 'polynomial'.

Tipo: string
Predefinito: linear
trendlines.n.visibleInLegend

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

Tipo: boolean
Predefinito: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

Opzioni di configurazione del grafico combinato

Nome
areaOpacity

L'opacità predefinita dell'area colorata sotto una serie di grafici ad area, dove 0.0 è completamente trasparente e 1.0 è completamente opaco. Per specificare l'opacità di 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

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

  • 'none' - Linee rette senza curva.
  • 'function': gli angoli della linea verranno smussati.
Tipo:string
Predefinito: "none"
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, il sistema indovina il valore di tutti i dati mancanti in base ai punti vicini. Se false, verrà lasciata un'interruzione nella linea nel punto sconosciuto.

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

Tipo: boolean
Predefinito: false
isStacked

Se impostato su true, impila gli elementi per tutte le serie in corrispondenza di ogni valore del dominio. Nota: nei grafici a colonne, ad area e SteppedArea, Google Charts inverte l'ordine delle voci della legenda per corrispondere meglio all'impilamento degli elementi delle serie (ad es. la serie 0 sarà la voce della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'impilamento al 100%, in cui le pile di elementi in ogni valore di dominio vengono ridimensionate in modo che la somma sia pari al 100%.

Le opzioni per isStacked sono:

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

Per l'impilamento al 100%, il valore calcolato per ogni elemento viene visualizzato nella descrizione comando dopo il valore effettivo.

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

Il raggruppamento al 100% supporta solo i valori dei dati di tipo number e deve avere una base di 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 dell'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 sia associata alcuna 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 questo formato:

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

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

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

Larghezza della linea di dati in pixel. Utilizza zero per nascondere tutte le linee e mostrare solo i punti. Puoi ignorare 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'. Per alcuni esempi, consulta la documentazione sui punti .

Tipo: string
Predefinito: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza zero per nascondere tutti i punti. Puoi sostituire i 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 tu non la sostituisca 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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se non viene specificata 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, il textStyle per la serie: 

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

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

  • areaOpacity: esegue l'override di areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • curveType: esegue l'override del valore globale curveType per questa serie.
  • fallingColor.fill: esegue l'override del valore globale candlestick.fallingColor.fill per questa serie.
  • fallingColor.stroke: esegue l'override del valore globale candlestick.fallingColor.stroke per questa serie.
  • fallingColor.strokeWidth: esegue l'override del valore globale candlestick.fallingColor.strokeWidth per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: esegue l'override del valore globale lineDashStyle per questa serie.
  • lineWidth: esegue l'override del valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: esegue l'override del valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • risingColor.fill: esegue l'override del valore globale candlestick.risingColor.fill per questa serie.
  • risingColor.stroke: esegue l'override del valore globale candlestick.risingColor.stroke per questa serie.
  • risingColor.strokeWidth: esegue l'override del valore globale candlestick.risingColor.strokeWidth per questa serie.
  • targetAxisIndex: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • type: il tipo di marcatore 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 indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

Opzioni di configurazione del contatore

Nome
greenColor

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

Tipo: string
Predefinito: '#109618'
greenFrom

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

Tipo: number
Valore predefinito: nessuno
greenTo

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

Tipo: number
Valore predefinito: nessuno
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: 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 modificato per mostrare il segno di graduazione principale successivo sopra il punto dati massimo. Questo valore ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

È simile a maxValue nei grafici di base.

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 modificato per mostrare il successivo segno di graduazione principale sotto il punto dati minimo. Questa impostazione ha la precedenza sul valore minimo dell'asse Y determinato da scaleType.

È simile a minValue nei grafici di base.

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 per un intervallo contrassegnato da un colore rosso.

Tipo: number
Valore predefinito: nessuno
redTo

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

Tipo: number
Valore predefinito: nessuno
larghezza

Larghezza del grafico in pixel.

Tipo: number
Valore predefinito: 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 per un intervallo contrassegnato da un colore giallo.

Tipo: number
Valore predefinito: nessuno
yellowTo

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

Tipo: number
Valore predefinito: nessuno

Opzioni di configurazione del grafico geografico

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, come 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. Questo colore è diverso da datalessRegionColor, che è il colore utilizzato quando mancano dati.

Tipo: string
Predefinito: '#267114'
displayMode

Il 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 nel grafico.
  • 'markers' - Posiziona i segnaposto sulle regioni.
  • 'text': etichetta le regioni con il testo della tabella di dati.
Tipo: string
Valore predefinito: "auto"
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: 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 dell'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 questo formato:

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

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

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

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

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

Larghezza del grafico in pixel.

Tipo: number
Impostazione predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dell'istogramma

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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object/div>
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

Un oggetto con proprietà per configurare le griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

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

Codifica la dimensione di ogni barra dell'istogramma, anziché lasciarla determinare algoritmicamente.

Tipo: number
Predefinito: auto
histogram.hideBucketItems

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

Tipo: boolean
Predefinito: false
histogram.lastBucketPercentile

Quando calcoli le dimensioni dei bucket dell'istogramma, ignora il lastBucketPercentile% superiore e inferiore. I valori sono comunque inclusi nell'istogramma, ma non influiscono sul raggruppamento.

Tipo: number
Predefinito: 0
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, il sistema indovina il valore di tutti i dati mancanti in base ai punti vicini. Se false, verrà lasciata un'interruzione nella linea nel punto sconosciuto.

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

Tipo: boolean
Predefinito: false
isStacked

Se impostato su true, impila gli elementi per tutte le serie in corrispondenza di ogni valore del dominio. Nota: nei grafici a colonne, ad area e SteppedArea, Google Charts inverte l'ordine delle voci della legenda per corrispondere meglio all'impilamento degli elementi delle serie (ad es. la serie 0 sarà la voce della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'impilamento al 100%, in cui le pile di elementi in ogni valore di dominio vengono ridimensionate in modo che la somma sia pari al 100%.

Le opzioni per isStacked sono:

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

Per l'impilamento al 100%, il valore calcolato per ogni elemento viene visualizzato nella descrizione comando dopo il valore effettivo.

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

Il raggruppamento al 100% supporta solo i valori dei dati di tipo number e deve avere una base di 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 dell'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 sia associata alcuna 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 questo formato:

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

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

Tipo: object
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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

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

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • targetAxisIndex: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend - Un valore boolean, dove true indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
larghezza

Larghezza del grafico in pixel.

Tipo: number
Impostazione 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

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

  • 'none' - Linee rette senza curva.
  • 'function': gli angoli della linea verranno smussati.
Tipo: string
Predefinito: "none"
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo:string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
interpolateNulls

Se indovinare il valore dei punti mancanti. Se true, il sistema indovina il valore di tutti i dati mancanti in base ai punti vicini. Se false, verrà lasciata un'interruzione nella linea nel punto sconosciuto.

Questa opzione non è supportata 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 dell'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 sia associata alcuna 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 questo formato:

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

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

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

Larghezza della linea di dati in pixel. Utilizza zero per nascondere tutte le linee e mostrare solo i punti. Puoi ignorare 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'. Per alcuni esempi, consulta la documentazione sui punti .

Tipo: string
Predefinito: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza zero per nascondere tutti i punti. Puoi sostituire i 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 tu non la sostituisca 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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non è specificato, viene 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, il textStyle per la serie: 

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

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

  • type: il tipo di marcatore 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: esegue l'override del valore globale curveType per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: esegue l'override del valore globale lineDashStyle per questa serie.
  • lineWidth: esegue l'override del valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: esegue l'override del valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • targetAxisIndex: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend - Un valore boolean, dove true indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
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 impostazione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza vengono specificate in base alla serie, quindi la maggior parte delle volte le opzioni avranno questo 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 un colore in inglese o come stringa esadecimale.

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

La larghezza della linea di tendenza , in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

Se le linee di tendenza sono 'linear' (impostazione predefinita), 'exponential' o 'polynomial'.

Tipo: string
Predefinito: linear
trendlines.n.visibleInLegend

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

Tipo: boolean
Predefinito: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

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

Le dimensioni complessive 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
is3D

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 dell'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 sia associata alcuna 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 questo formato:

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

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

Tipo: object
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 uguale 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 sulla sezione. Può corrispondere a uno dei seguenti:

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

Un oggetto che specifica lo stile del testo della sezione. L'oggetto ha questo formato:

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

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

Tipo: object
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 è 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 del 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>}
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

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

Opzioni di configurazione del grafico 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

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

  • 'none' - Linee rette senza curva.
  • 'function': gli angoli della linea verranno smussati.
Tipo:string
Predefinito: "none"
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 griglie sull'asse orizzontale. Tieni presente che le griglie dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
hAxis.logScale

hAxis proprietà che imposta l'asse orizzontale su una scala logaritmica (richiede che tutti i valori siano positivi). Imposta su true per 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; questo valore si sposterà verso destra nella maggior parte dei grafici. Ignorato se è impostato su un valore inferiore al valore x massimo dei dati. hAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito: automatico
hAxis.minorGridlines

Un oggetto con membri per configurare le griglie secondarie 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 griglie secondarie orizzontali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
hAxis.minorGridlines.count

L'opzione minorGridlines.count è per lo più deprecata, ad eccezione della disattivazione delle griglie secondarie impostando il conteggio su 0. Il numero di griglie secondarie ora dipende interamente dall'intervallo tra le griglie principali (vedi hAxis.gridlines.interval) e dallo 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 si troverà a 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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: 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 dell'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 sia associata alcuna 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 questo formato:

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

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

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

Larghezza della linea di dati in pixel. Utilizza zero per nascondere tutte le linee e mostrare solo i punti. Puoi ignorare 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'. Per alcuni esempi, consulta la documentazione sui punti .

Tipo: string
Predefinito: 'circle'
pointSize

Diametro dei punti visualizzati in pixel. Utilizza zero per nascondere tutti i punti. Puoi sostituire i 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 tu non la sostituisca con l'opzione trendlines.n.pointsize.

Tipo: number
Predefinito: 0
serie

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

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineWidth: esegue l'override del valore globale lineWidth per questa serie.
  • pointShape: esegue l'override del valore globale pointShape per questa serie.
  • pointSize: esegue l'override del valore globale pointSize per questa serie.
  • pointsVisible: esegue l'override del valore globale pointsVisible per questa serie.
  • visibleInLegend - Un valore boolean, dove true indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica. Ad esempio, le due dichiarazioni seguenti sono identiche e dichiarano la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:array di oggetti 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
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 impostazione può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza vengono specificate in base alla serie, quindi la maggior parte delle volte le opzioni avranno questo 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 un colore in inglese o come stringa esadecimale.

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

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

Tipo: number
Predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Predefinito: null
trendlines.n.lineWidth

La larghezza della linea di tendenza , in pixel.

Tipo: number
Predefinito: 2
trendlines.n.type

Se le linee di tendenza sono 'linear' (impostazione predefinita), 'exponential' o 'polynomial'.

Tipo: string
Predefinito: linear
trendlines.n.visibleInLegend

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

Tipo: boolean
Predefinito: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto

Opzioni di configurazione del grafico ad area con rientri

Nome
areaOpacity

L'opacità predefinita dell'area colorata sotto una serie di grafici ad area, dove 0.0 è completamente trasparente e 1.0 è completamente opaco. Per specificare l'opacità di 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, come 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 in pixel; 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 con la larghezza specificata (e con il colore di stroke).
Tipo: string o object
Predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
chartArea.left

Quanto deve essere disegnato il grafico dal bordo sinistro.

Tipo: number o string
Predefinito: auto
chartArea.top

La distanza a cui disegnare il grafico dal bordo superiore.

Tipo: number o string
Predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinito: auto
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

La direzione in cui aumentano i valori lungo l'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 del testo dell'asse orizzontale. L'oggetto ha questo formato:

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

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

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

Proprietà 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 questo formato: 

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

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

Tipo: object
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 eseguire il rendering.

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

Tipo: number
Predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi per tutte le serie in corrispondenza di ogni valore del dominio. Nota: nei grafici a colonne, ad area e SteppedArea, Google Charts inverte l'ordine degli elementi della legenda per corrispondere meglio all'impilamento degli elementi delle serie (ad es. la serie 0 sarà l'elemento della legenda più in basso). Questo non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'impilamento al 100%, in cui le pile di elementi in ogni valore di dominio vengono ridimensionate in modo che la somma sia pari al 100%.

Le opzioni per isStacked sono:

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

Per l'impilamento al 100%, il valore calcolato per ogni elemento viene visualizzato nella descrizione comando dopo il valore effettivo.

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

Il raggruppamento al 100% supporta solo i valori dei dati di tipo number e deve avere una base di 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 dell'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 sia associata alcuna 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 questo formato:

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

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

Tipo: object
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 è da sinistra a destra.

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Predefinito: false
serie

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

  • areaOpacity: esegue l'override di areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • type: il tipo di marcatore 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: esegue l'override del valore globale lineDashStyle per questa serie.
  • targetAxisIndex: l'asse a cui assegnare questa serie, dove 0 è l'asse predefinito e 1 è l'asse opposto. Il valore predefinito è 0; impostalo su 1 per definire un grafico in cui diverse serie vengono visualizzate su assi diversi. Almeno una serie deve essere allocata all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend - Un valore boolean, dove true indica che la serie deve avere una voce di legenda e false indica che non deve averla. 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 a quale serie si applica.Ad esempio, le seguenti due dichiarazioni 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 del 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 opzione predefiniti che funzionano insieme per ottenere un comportamento o un effetto visivo specifico del grafico. Al momento è disponibile un solo tema:

  • 'maximized': massimizza l'area del grafico e disegna la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
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 impostato su true, il grafico tratterà la colonna come dominio.

Tipo: boolean
vAxes

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

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

{
  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 in stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:array di oggetti 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 dell'oggetto, come mostrato qui: 

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

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

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

Un oggetto con membri per configurare le griglie sull'asse verticale. Tieni presente che le griglie dell'asse verticale vengono disegnate orizzontalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale dell'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 griglie 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 griglie orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, questo verrà utilizzato per calcolare minSpacing tra le griglie. Puoi specificare un valore di 1 per tracciare una sola griglia o 0 per non tracciare nessuna griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di griglie in base ad altre opzioni.

Tipo: number
Predefinito: -1
vAxis.logScale

Se true, imposta una scala logaritmica per l'asse verticale. 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 sarà verso l'alto. 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 griglie secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Predefinito: null
vAxis.minorGridlines.color

Il colore delle griglie secondarie verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinito:una combinazione dei colori delle griglie e dello sfondo
vAxis.minorGridlines.count

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

Tipo: number
Predefinito: 1
vAxis.minValue

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

Tipo: number
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 del testo dell'asse verticale. L'oggetto ha questo formato:

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

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

Tipo: object
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 questo formato:

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

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

Tipo: object
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 verticali da eseguire il rendering.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

Ignorato quando vAxis.viewWindowMode è "pretty" o "maximized".

Tipo: number
Predefinito: auto
larghezza

Larghezza del grafico in pixel.

Tipo: number
Impostazione predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione del grafico a tabella

Nome
alternatingRowStyle

Determina se verrà assegnato uno stile di colore alternato alle righe pari e dispari.

Tipo: boolean
Predefinito: true
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
pagina

Se e come attivare la paginazione dei dati. Scegli uno dei seguenti valori di string:

  • 'enable': la tabella includerà i pulsanti per andare avanti e indietro tra le pagine. Facendo clic su questi pulsanti viene eseguita l'operazione di paginazione e viene modificata la pagina visualizzata. Ti consigliamo di impostare anche l'opzione pageSize.
  • 'event': la tabella includerà i pulsanti per andare avanti e indietro di una pagina, ma se li clicchi attiverai un evento 'page' e la pagina visualizzata non cambierà. Questa opzione deve essere utilizzata quando il codice implementa la propria logica di cambio pagina. Consulta l'esempio TableQueryWrapper per un esempio di come gestire manualmente gli eventi di paginazione.
  • 'disable' - [Predefinito] La paginazione non è supportata.
    • Tipo: string
    Predefinito: 'disable'
pageSize

Il numero di righe in ogni pagina, quando l'impaginazione è abilitata 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 è attivato, 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 delle colonne 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. Consulta l'esempio TableQueryWrapper per un esempio di come gestire l'ordinamento degli eventi manualmente.
  • 'disable': fare clic su un'intestazione di colonna non ha alcun effetto.
Tipo: string
Predefinito: 'enable'
sortAscending

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

Tipo: boolean
Predefinito: true
sortColumn

Un indice di una colonna nella tabella dei dati, in base al quale la tabella viene inizialmente ordinata. La colonna è contrassegnata da una piccola freccia che indica l'ordine di ordinamento.

Tipo: number
Predefinito: -1
larghezza

Larghezza del grafico in pixel.

Tipo: number
Impostazione predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione della cronologia

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

Altezza del grafico in pixel.

Tipo: number
Predefinito: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Impostazione predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione del grafico ad albero

Nome
headerColor

Il colore della sezione dell'intestazione per ogni nodo. Specifica un valore colore HTML.

Tipo: string
Predefinito: #988f86
maxColor

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

Tipo: string
Predefinito: #00dd00
maxDepth

Il numero massimo di livelli di nodi da mostrare nella visualizzazione corrente. I livelli vengono appiattiti nel piano corrente. Se la struttura ad albero ha più livelli, devi scorrere verso l'alto o verso il basso per visualizzarli. Puoi anche visualizzare i maxPostDepth livelli sottostanti come rettangoli ombreggiati all'interno di questi nodi.

Tipo: number
Predefinito: 1
maxPostDepth

Il numero di livelli di nodi oltre maxDepth da mostrare in modalità "suggerimento". I nodi suggeriti vengono visualizzati 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 della colonna 3 a metà strada tra maxColorValue e minColorValue. Specifica un valore colore HTML.

Tipo: string
Predefinito: #000000
minColor

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

Tipo: string
Predefinito: #dd0000
noColor

Il colore da utilizzare per un rettangolo quando un nodo non ha un valore per la colonna 3 e il nodo è una foglia (o contiene solo foglie). Specifica un valore 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 del 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 del testo del titolo. Il colore può essere qualsiasi stringa di colore HTML, ad esempio: 'red' o '#00cc00'. Vedi anche fontName e fontSize.

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito: nessun titolo
titleTextStyle

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

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

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

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