Opzioni di configurazione dei grafici

Tipi di grafici

Opzioni di configurazione del grafico di annotazione

Nome
colori

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

Tipo: array di stringhe
Valore predefinito: colori predefiniti
displayRangeSelector

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

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

Tipo: boolean
Valore predefinito: true
displayZoomButtons

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

Tipo: boolean
Valore 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 in modo da mostrare la prossima marcatura della barra principale sopra il punto dati massimo. Ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

È simile a maxValue nei grafici principali.

Tipo: number
Valore 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 in modo da mostrare la prossima marcatura della barra principale sotto il punto dati minimo. Ha la precedenza sul minimo dell'asse Y determinato da scaleType.

È simile a minValue nei grafici principali.

Tipo: number
Valore predefinito: automatico

Opzioni di configurazione del grafico ad area

Nome
areaOpacity

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

Tipo: number, 0.0- 1.0
Valore predefinito: 0.3
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
interpolateNulls

Indica se indovinare il valore dei punti mancanti. Se true, verrà dedotto il valore dei dati mancanti in base ai punti vicini. Se false, viene lasciata una interruzione nella riga nel punto sconosciuto.

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

Tipo: boolean
Valore predefinito: false
isStacked

Se impostato su true, impila gli elementi per tutte le serie in ogni valore del dominio. Nota: nei grafici Colonna, Area e SteppedArea, Google Grafici inverte l'ordine degli elementi della legenda per corrispondere meglio all'accatastamento degli elementi della serie (ad es. la serie 0 sarà l'elemento della legenda più in basso). Questa opzione non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'immagazzinamento al 100%, in cui le serie di elementi per ogni valore di dominio vengono riscalate in modo da sommarsi 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 ogni valore del dominio.
  • 'percent': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino al 100%, con il valore di ciascun elemento calcolato come percentuale del 100%.
  • 'relative': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino a 1, con il valore di ciascun elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

Per l'asse target, per impostazione predefinita vengono utilizzati i valori delle tacche 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/delle tacche vengono visualizzati come percentuali, ma i valori effettivi sono i valori della scala relativa 0-1. Questo perché le tacche dell'asse delle percentuali sono il risultato dell'applicazione di un formato "#.##%" ai valori relativi della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali tacche/linee di griglia utilizzando i valori relativi della scala 0-1). Puoi personalizzare i valori e la formattazione delle linee di griglia/delle tacche utilizzando le opzioni hAxis/vAxis appropriate.

L'accumulo al 100% supporta solo i valori di dati di tipo number e deve avere un valore di base pari a zero.

Tipo: boolean/string
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 associato alcun series. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Valore predefinito: 2
pointShape

La forma dei singoli elementi di dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Per esempi, consulta la documentazione dei punti .

Tipo: string
Valore 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
Valore predefinito: 0
reverseCategories

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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. Questo può essere utilizzato per controllare, ad esempio, il textStyle per la serie: 

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

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

  • areaOpacity: sostituisce il valore areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: sostituisce il valore lineDashStyle globale per questa serie.
  • lineWidth: sostituisce il valore lineWidth globale per questa serie.
  • pointShape: sostituisce il valore pointShape globale per questa serie.
  • pointSize: sostituisce il valore pointSize globale per questa serie.
  • pointsVisible: sostituisce il valore pointsVisible globale 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione del grafico a barre

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo:string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: numero o string
Valore 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
Valore predefinito: colori predefiniti
hAxes

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

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi per tutte le serie in ogni valore del dominio. Nota: nei grafici Colonna, Area e SteppedArea, Google Grafici inverte l'ordine degli elementi della legenda per corrispondere meglio all'accatastamento degli elementi della serie (ad es. la serie 0 sarà l'elemento della legenda più in basso). Questa impostazione non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'immagazzinamento al 100%, in cui le serie di elementi per ogni valore del dominio vengono riscalate in modo da sommarsi 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 ogni valore del dominio.
  • 'percent': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino al 100%, con il valore di ciascun elemento calcolato come percentuale del 100%.
  • 'relative': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino a 1, con il valore di ciascun elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

Per l'asse target, per impostazione predefinita vengono utilizzati i valori delle tacche 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/delle tacche vengono visualizzati come percentuali, ma i valori effettivi sono i valori della scala relativa 0-1. Questo perché le tacche dell'asse delle percentuali sono il risultato dell'applicazione di un formato "#.##%" ai valori relativi della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali tacche/linee di griglia utilizzando i valori relativi della scala 0-1). Puoi personalizzare i valori e la formattazione delle linee di griglia/delle tacche utilizzando le opzioni hAxis/vAxis appropriate.

L'accumulo al 100% supporta solo i valori di dati di tipo number e deve avere un valore di base pari a zero.

Tipo: boolean/string
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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 di questa serie. Questo può essere utilizzato per controllare, ad esempio, il textStyle per la serie: 

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

    Consulta le varie opzioni 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Le linee di tendenza vengono specificate in base alla serie, pertanto la maggior parte delle volte le opzioni saranno simili a queste: 

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

Il colore della linea di tendenza , expressed as either an English color name or a hex string.

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

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

Tipo: number
Valore predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Valore predefinito: null
trendlines.n.lineWidth

La larghezza della linea della linea di tendenza, in pixel.

Tipo: number
Valore predefinito: 2
trendlines.n.type

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

Tipo: string
Valore predefinito: linear
trendlines.n.visibleInLegend

Se l'equazione della linea di tendenza viene visualizzata nella legenda. Verrà visualizzata nella descrizione comando della linea di tendenza.

Tipo: boolean
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione del grafico a bolle

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
fumetto

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

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

Un oggetto che specifica lo stile del testo della bolla. L'oggetto ha il seguente formato:

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

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

Tipo: object
Valore 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 (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

Tipo: object
Valore 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 della legenda e false indica che non deve averne una. Il valore predefinito è true.
Esempio: 
series: {'Europe': {color: 'green'}}
Tipo: Oggetto con oggetti nidificati
Valore predefinito: {}
sizeAxis

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

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

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
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione di Calendar

Nome
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Valore predefinito: larghezza dell'elemento contenitore

Opzioni di configurazione del grafico a candele

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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.
  • fallingColor.fill: sostituisce il valore candlestick.fallingColor.fill globale per questa serie.
  • fallingColor.stroke: sostituisce il valore candlestick.fallingColor.stroke globale per questa serie.
  • fallingColor.strokeWidth: sostituisce il valore candlestick.fallingColor.strokeWidth globale per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • risingColor.fill: sostituisce il valore candlestick.risingColor.fill globale per questa serie.
  • risingColor.stroke: sostituisce il valore candlestick.risingColor.stroke globale per questa serie.
  • risingColor.strokeWidth: sostituisce il valore candlestick.risingColor.strokeWidth globale 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
Valore 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 ne ha più di uno. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori della proprietà sostituiscono eventuali impostazioni globali per la stessa proprietà.

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione del grafico a colonne

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: stringo object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi per tutte le serie in ogni valore del dominio. Nota: nei grafici Colonna, Area e SteppedArea, Google Grafici inverte l'ordine degli elementi della legenda per corrispondere meglio all'accatastamento degli elementi della serie (ad es. la serie 0 sarà l'elemento della legenda più in basso). Questa impostazione non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'immagazzinamento al 100%, in cui le serie di elementi per ogni valore del dominio vengono riscalate in modo da sommarsi 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 ogni valore del dominio.
  • 'percent': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino al 100%, con il valore di ciascun elemento calcolato come percentuale del 100%.
  • 'relative': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino a 1, con il valore di ciascun elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

Per l'asse target, per impostazione predefinita vengono utilizzati i valori delle tacche 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/delle tacche vengono visualizzati come percentuali, ma i valori effettivi sono i valori della scala relativa 0-1. Questo perché le tacche dell'asse delle percentuali sono il risultato dell'applicazione di un formato "#.##%" ai valori relativi della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali tacche/linee di griglia utilizzando i valori relativi della scala 0-1). Puoi personalizzare i valori e la formattazione delle linee di griglia/delle tacche utilizzando le opzioni hAxis/vAxis appropriate.

L'accumulo al 100% supporta solo i valori di dati di tipo number e deve avere un valore di base pari a zero.

Tipo: boolean/string
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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. Questo può essere utilizzato per controllare, ad esempio, il textStyle per la serie: 

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

    Consulta le varie opzioni 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Le linee di tendenza vengono specificate in base alla serie, pertanto la maggior parte delle volte le opzioni saranno simili a queste: 

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

Il colore della linea di tendenza , expressed as either an English color name or a hex string.

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

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

Tipo: number
Valore predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Valore predefinito: null
trendlines.n.lineWidth

La larghezza della linea della linea di tendenza, in pixel.

Tipo: number
Valore predefinito: 2
trendlines.n.type

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

Tipo: string
Valore predefinito: linear
trendlines.n.visibleInLegend

Se l'equazione della linea di tendenza viene visualizzata nella legenda. Verrà visualizzata nella descrizione comando della linea di tendenza.

Tipo: boolean
Valore 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 ne ha più di uno. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori della proprietà sostituiscono eventuali impostazioni globali per la stessa proprietà.

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione del grafico combinato

Nome
areaOpacity

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

Tipo: number, 0.0- 1.0
Valore predefinito: 0.3
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore predefinito: colori predefiniti
curveType

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

  • 'none' - Linee rette senza curva.
  • 'function': gli angoli della linea verranno smussati.
Tipo:string
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
interpolateNulls

Indica se indovinare il valore dei punti mancanti. Se true, verrà dedotto il valore dei dati mancanti in base ai punti vicini. Se false, viene lasciata una interruzione nella riga nel punto sconosciuto.

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

Tipo: boolean
Valore predefinito: false
isStacked

Se impostato su true, impila gli elementi per tutte le serie in ogni valore del dominio. Nota: nei grafici Colonna, Area e SteppedArea, Google Grafici inverte l'ordine degli elementi della legenda per corrispondere meglio all'accatastamento degli elementi della serie (ad es. la serie 0 sarà l'elemento della legenda più in basso). Questa opzione non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'immagazzinamento al 100%, in cui le serie di elementi per ogni valore di dominio vengono riscalate in modo da sommarsi 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 ogni valore del dominio.
  • 'percent': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino al 100%, con il valore di ciascun elemento calcolato come percentuale del 100%.
  • 'relative': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino a 1, con il valore di ciascun elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

Per l'asse target, per impostazione predefinita vengono utilizzati i valori delle tacche 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/delle tacche vengono visualizzati come percentuali, ma i valori effettivi sono i valori della scala relativa 0-1. Questo perché le tacche dell'asse delle percentuali sono il risultato dell'applicazione di un formato "#.##%" ai valori relativi della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali tacche/linee di griglia utilizzando i valori relativi della scala 0-1). Puoi personalizzare i valori e la formattazione delle linee di griglia/delle tacche utilizzando le opzioni hAxis/vAxis appropriate.

L'accumulo al 100% supporta solo i valori di dati di tipo number e deve avere un valore di base pari a zero.

Tipo: boolean/string
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Valore predefinito: 2
pointShape

La forma dei singoli elementi di dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Per esempi, consulta la documentazione dei punti .

Tipo: string
Valore 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 influisce sulla larghezza della linea di tendenza, a meno che non la sovrascrivi con l'opzione trendlines.n.pointsize.

Tipo: number
Valore predefinito: 0
reverseCategories

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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. Questo può essere utilizzato per controllare, ad esempio, il textStyle per la serie: 

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

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

  • areaOpacity: sostituisce il valore areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • curveType: sostituisce il valore curveType globale per questa serie.
  • fallingColor.fill: sostituisce il valore candlestick.fallingColor.fill globale per questa serie.
  • fallingColor.stroke: sostituisce il valore candlestick.fallingColor.stroke globale per questa serie.
  • fallingColor.strokeWidth: sostituisce il valore candlestick.fallingColor.strokeWidth globale per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: sostituisce il valore lineDashStyle globale per questa serie.
  • lineWidth: sostituisce il valore lineWidth globale per questa serie.
  • pointShape: sostituisce il valore pointShape globale per questa serie.
  • pointSize: sostituisce il valore pointSize globale per questa serie.
  • pointsVisible: sostituisce il valore pointsVisible globale per questa serie.
  • risingColor.fill: sostituisce il valore candlestick.risingColor.fill globale per questa serie.
  • risingColor.stroke: sostituisce il valore candlestick.risingColor.stroke globale per questa serie.
  • risingColor.strokeWidth: sostituisce il valore candlestick.risingColor.strokeWidth globale 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • type: il tipo di indicatore per questa serie. I valori validi sono "line", "area", 'bars' e "steppedArea". Tieni presente che le barre sono in realtà barre verticali (colonne). Il valore predefinito è specificato dall'opzione seriesType del grafico.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
Valore 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 ne ha più di uno. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori della proprietà sostituiscono eventuali impostazioni globali per la stessa proprietà.

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione del grafico a contatore

Nome
greenColor

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

Tipo: string
Valore 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 in modo da mostrare la prossima marcatura della barra principale sopra il punto dati massimo. Ha la precedenza sul valore massimo dell'asse Y determinato da scaleType.

È simile a maxValue nei grafici principali.

Tipo: number
Valore 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 in modo da mostrare la prossima marcatura della barra principale sotto il punto dati minimo. Ha la precedenza sul minimo dell'asse Y determinato da scaleType.

È simile a minValue nei grafici principali.

Tipo: number
Valore predefinito: automatico
redColor

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

Tipo: string
Valore 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
Valore 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 dei grafici geografici

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
datalessRegionColor

Colore da assegnare alle regioni senza dati associati.

Tipo: string
Valore predefinito: '#F5F5F5'
defaultColor

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

Tipo: string
Valore 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 dati.
  • 'regions': colora le regioni nel grafico geografico.
  • 'markers' - Inserisci indicatori nelle regioni.
  • 'text': etichetta le regioni con il testo della DataTable.
Tipo: string
Valore predefinito: "auto"
altezza

Altezza del grafico in pixel.

Tipo: number
Valore 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 di letterali di oggetti, come mostrato di seguito: 

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

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

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

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

Tipo: object
Valore 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 dell'intero mondo.
  • Un continente o un subcontinente, specificato tramite il corrispondente codice a tre cifre, ad es. '011' per l'Africa occidentale.
  • Un paese, specificato tramite il suo codice ISO 3166-1 alpha-2, ad es. 'AU' per l'Australia.
  • Uno stato degli Stati Uniti, specificato tramite il 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
Valore predefinito: "world"
larghezza

Larghezza del grafico in pixel.

Tipo: number
Valore predefinito: larghezza dell'elemento contenitore

Opzioni di configurazione dell'istogramma

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object/div>
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

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

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
histogram.bucketSize

Impostare in modo hardcoded la dimensione di ogni barra dell'istogramma anziché lasciarla determinare in modo algoritmico.

Tipo: number
Valore predefinito: auto
histogram.hideBucketItems

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

Tipo: boolean
Valore predefinito: false
histogram.lastBucketPercentile

Quando calcoli la dimensione del bucket dell'istogramma, ignora i valori percentuale superiore e inferiorelastBucketPercentile. I valori sono ancora inclusi nell'istogramma, ma non influiscono sul bucketing.

Tipo: number
Valore predefinito: 0
interpolateNulls

Indica se indovinare il valore dei punti mancanti. Se true, verrà dedotto il valore dei dati mancanti in base ai punti vicini. Se false, viene lasciata una interruzione nella riga nel punto sconosciuto.

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

Tipo: boolean
Valore predefinito: false
isStacked

Se impostato su true, impila gli elementi per tutte le serie in ogni valore del dominio. Nota: nei grafici Colonna, Area e SteppedArea, Google Grafici inverte l'ordine degli elementi della legenda per corrispondere meglio all'accatastamento degli elementi della serie (ad es. la serie 0 sarà l'elemento della legenda più in basso). Questa opzione non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'immagazzinamento al 100%, in cui le serie di elementi per ogni valore di dominio vengono riscalate in modo da sommarsi 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 ogni valore del dominio.
  • 'percent': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino al 100%, con il valore di ciascun elemento calcolato come percentuale del 100%.
  • 'relative': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino a 1, con il valore di ciascun elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

Per l'asse target, per impostazione predefinita vengono utilizzati i valori delle tacche 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/delle tacche vengono visualizzati come percentuali, ma i valori effettivi sono i valori della scala relativa 0-1. Questo perché le tacche dell'asse delle percentuali sono il risultato dell'applicazione di un formato "#.##%" ai valori relativi della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali tacche/linee di griglia utilizzando i valori relativi della scala 0-1). Puoi personalizzare i valori e la formattazione delle linee di griglia/delle tacche utilizzando le opzioni hAxis/vAxis appropriate.

L'accumulo al 100% supporta solo i valori di dati di tipo number e deve avere un valore di base pari a zero.

Tipo: boolean/string
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

Tipo: object
Valore 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 ne ha più di uno. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori della proprietà sostituiscono eventuali impostazioni globali per la stessa proprietà.

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
larghezza

Larghezza del grafico in pixel.

Tipo: number
Valore predefinito: larghezza dell'elemento contenitore

Opzioni di configurazione del grafico a linee

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore predefinito: colori predefiniti
curveType

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

  • 'none' - Linee rette senza curva.
  • 'function': gli angoli della linea verranno smussati.
Tipo: string
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
interpolateNulls

Indica se indovinare il valore dei punti mancanti. Se true, verrà dedotto il valore dei dati mancanti in base ai punti vicini. Se false, viene lasciata una interruzione nella riga nel punto sconosciuto.

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

Tipo: boolean
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Valore predefinito: 2
pointShape

La forma dei singoli elementi di dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Per esempi, consulta la documentazione dei punti .

Tipo: string
Valore 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 influisce sulla larghezza della linea di tendenza, a meno che non la sovrascrivi con l'opzione trendlines.n.pointsize.

Tipo: number
Valore predefinito: 0
reverseCategories

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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. Questo può essere utilizzato per controllare, ad esempio, il textStyle per la serie: 

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

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

  • type: il tipo di indicatore per questa serie. I valori validi sono "line", "area", 'bars' e "steppedArea". Tieni presente che le barre sono in realtà barre verticali (colonne). Il valore predefinito è specificato dall'opzione seriesType del grafico.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • curveType: sostituisce il valore curveType globale per questa serie.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: sostituisce il valore lineDashStyle globale per questa serie.
  • lineWidth: sostituisce il valore lineWidth globale per questa serie.
  • pointShape: sostituisce il valore pointShape globale per questa serie.
  • pointSize: sostituisce il valore pointSize globale per questa serie.
  • pointsVisible: sostituisce il valore pointsVisible globale 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
linee di tendenza

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

Le linee di tendenza vengono specificate in base alla serie, pertanto la maggior parte delle volte le opzioni saranno simili a queste: 

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

Il colore della linea di tendenza , expressed as either an English color name or a hex string.

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

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

Tipo: number
Valore predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Valore predefinito: null
trendlines.n.lineWidth

La larghezza della linea della linea di tendenza , in pixel.

Tipo: number
Valore predefinito: 2
trendlines.n.type

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

Tipo: string
Valore predefinito: linear
trendlines.n.visibleInLegend

Se l'equazione della linea di tendenza viene visualizzata nella legenda. Verrà visualizzata nella descrizione comando della linea di tendenza.

Tipo: boolean
Valore 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 ne ha più di uno. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori della proprietà sostituiscono eventuali impostazioni globali per la stessa proprietà.

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione dell'organigramma

Nome
colore

Il colore di sfondo degli elementi dell'organigramma.

Tipo: string
Valore predefinito: '#edf7ff'
selectionColor

Il colore di sfondo degli elementi dell'organigramma selezionati.

Tipo: string
Valore predefinito: '#d6e9f8'
dimensioni

Le dimensioni complessive del grafico. Le opzioni includono 'small', 'medium' o 'large'.

Tipo: string
Valore predefinito: 'medium'

Opzioni di configurazione del grafico a torta

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore predefinito: colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
is3D

Se true, viene visualizzato un grafico tridimensionale.

Tipo: boolean
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

Tipo: object
Valore 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
Valore predefinito: 0
pieSliceBorderColor

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

Tipo: string
Valore predefinito: 'white'
pieSliceText

Il contenuto del testo visualizzato nel segmento. Può corrispondere a uno dei seguenti:

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

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

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

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

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

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore predefinito: false
slices.color

Il colore da utilizzare per questo segmento.

Tipo: string
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

Opzioni di configurazione del grafico a dispersione

Nome
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo:string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore predefinito: colori predefiniti
curveType

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

  • 'none' - Linee rette senza curva.
  • 'function': gli angoli della linea verranno smussati.
Tipo:string
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.gridlines

Un oggetto con proprietà per configurare le linee di griglia sull'asse orizzontale. Tieni presente che le linee di griglia dell'asse orizzontale vengono disegnate verticalmente. Per specificare le proprietà di questo oggetto, puoi utilizzare la notazione di letterali di oggetti, come mostrato di seguito: 

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
hAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
hAxis.logScale

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

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Valore predefinito: false
hAxis.maxValue

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

Tipo: number
Valore predefinito: automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
hAxis.minorGridlines.color

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

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

L'opzione minorGridlines.count è per lo più deprecata, tranne per la disattivazione delle linee di griglia secondarie impostando il conteggio su 0. Il numero di linee di griglia secondarie ora dipende interamente dall'intervallo tra le linee di griglia principali (vedi hAxis.gridlines.interval) e lo spazio minimo richiesto (vedi hAxis.minorGridlines.minSpacing).

Tipo: number
Valore predefinito: 1
hAxis.minValue

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

Tipo: number
Valore predefinito: automatico
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top'- Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Valore predefinito: 2
pointShape

La forma dei singoli elementi di dati: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Per esempi, consulta la documentazione dei punti .

Tipo: string
Valore 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 influisce sulla larghezza della linea di tendenza, a meno che non la sovrascrivi con l'opzione trendlines.n.pointsize.

Tipo: number
Valore 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: sostituisce il valore lineWidth globale per questa serie.
  • pointShape: sostituisce il valore pointShape globale per questa serie.
  • pointSize: sostituisce il valore pointSize globale per questa serie.
  • pointsVisible: sostituisce il valore pointsVisible globale per questa serie.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato,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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
linee di tendenza

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

Le linee di tendenza vengono specificate in base alla serie, pertanto la maggior parte delle volte le opzioni saranno simili a queste: 

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

Il colore della linea di tendenza , expressed as either an English color name or a hex string.

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

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

Tipo: number
Valore predefinito: 3
trendlines.n.labelInLegend

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

Tipo: string
Valore predefinito: null
trendlines.n.lineWidth

La larghezza della linea della linea di tendenza , in pixel.

Tipo: number
Valore predefinito: 2
trendlines.n.type

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

Tipo: string
Valore predefinito: linear
trendlines.n.visibleInLegend

Se l'equazione della linea di tendenza viene visualizzata nella legenda. Verrà visualizzata nella descrizione comando della linea di tendenza.

Tipo: boolean
Valore 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 ne ha più di uno. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportate da vAxis. Questi valori della proprietà sostituiscono eventuali impostazioni globali per la stessa proprietà.

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto

Opzioni di configurazione del grafico ad area con rientri

Nome
areaOpacity

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

Tipo: number, 0.0- 1.0
Valore predefinito: 0.3
backgroundColor

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

Tipo: string o object
Valore predefinito: 'white'
backgroundColor.fill

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

Tipo: string
Valore predefinito: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (dove viene disegnato il grafico stesso, esclusi assi e leggende). 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
Valore 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 un nome di colore in inglese. Quando viene utilizzato un oggetto, possono essere fornite le seguenti proprietà:
  • stroke: il colore, fornito come stringa esadecimale o come nome di colore in inglese.
  • strokeWidth: se specificato, disegna un bordo attorno all'area del grafico della larghezza specificata (e con il colore di stroke).
Tipo: string o object
Valore predefinito: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.left

La distanza dal bordo sinistro a cui disegnare il grafico.

Tipo: number o string
Valore predefinito: auto
chartArea.top

La distanza del grafico dal bordo superiore.

Tipo: number o string
Valore predefinito: auto
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Valore 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valore 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
Valore predefinito: 1
hAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
hAxis.textStyle

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

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

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

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

Proprietà hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Valore predefinito: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Valore predefinito: null
hAxis.viewWindow.max

Il valore massimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
hAxis.viewWindow.min

Il valore minimo dei dati orizzontali da visualizzare.

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

Tipo: number
Valore predefinito: auto
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi per tutte le serie in ogni valore del dominio. Nota: nei grafici Colonna, Area e SteppedArea, Google Grafici inverte l'ordine degli elementi della legenda per corrispondere meglio all'accatastamento degli elementi della serie (ad es. la serie 0 sarà l'elemento della legenda più in basso). Questa impostazione non si applica ai grafici a barre.

L'opzione isStacked supporta anche l'immagazzinamento al 100%, in cui le serie di elementi per ogni valore di dominio vengono riscalate in modo da sommarsi 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 ogni valore del dominio.
  • 'percent': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino al 100%, con il valore di ciascun elemento calcolato come percentuale del 100%.
  • 'relative': impila gli elementi per tutte le serie in ogni valore di dominio e li riscala in modo che sommino a 1, con il valore di ciascun elemento calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

Per l'asse target, per impostazione predefinita vengono utilizzati i valori delle tacche 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/delle tacche vengono visualizzati come percentuali, ma i valori effettivi sono i valori della scala relativa 0-1. Questo perché le tacche dell'asse delle percentuali sono il risultato dell'applicazione di un formato "#.##%" ai valori relativi della scala 0-1. Quando utilizzi isStacked: 'percent', assicurati di specificare eventuali tacche/linee di griglia utilizzando i valori relativi della scala 0-1). Puoi personalizzare i valori e la formattazione delle linee di griglia/delle tacche utilizzando le opzioni hAxis/vAxis appropriate.

L'accumulo al 100% supporta solo i valori di dati di tipo number e deve avere un valore di base pari a zero.

Tipo: boolean/ string
Valore predefinito: false
leggenda

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valore 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 serie associate. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right' - A destra del grafico. Non compatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Valore predefinito: 'right'
legendTextStyle

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

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

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

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

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

Questa opzione è supportata solo per un asse discrete major.

Tipo: boolean
Valore 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à:

  • areaOpacity: sostituisce il valore areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • type: il tipo di indicatore per questa serie. I valori validi sono "line", "area", 'bars' e "steppedArea". Tieni presente che le barre sono in realtà barre verticali (colonne). Il valore predefinito è specificato dall'opzione seriesType del grafico.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: sostituisce il valore lineDashStyle globale 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 le serie diverse vengono visualizzate su assi diversi. È necessario allocare almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie deve avere una voce della legenda e false indica che non deve averne una. Il valore predefinito è true.

Puoi specificare un array di oggetti, ciascuno dei quali si applica alla serie nell'ordine specificato, 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
Valore predefinito: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

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

  • 'maximized': consente di massimizzare l'area del grafico e di disegnare la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Valore predefinito: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

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

Questa proprietà può essere un oggetto o un array: l'oggetto è una raccolta di oggetti, ciascuno con un'etichetta numerica che specifica l'asse che definisce, ovvero 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
Valore 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 di letterali di oggetti, come mostrato di seguito: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Valore 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
Valore predefinito: 1
vAxis.gridlines

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

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

Questa opzione è supportata solo per un asse continuous.

Tipo: object
Valore predefinito: null
vAxis.gridlines.color

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

Tipo: string
Valore predefinito: '#CCC'
vAxis.gridlines.count

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

Tipo: number
Valore predefinito: -1
vAxis.logScale

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

Tipo: boolean
Valore predefinito: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato, che sarà verso l'alto nella maggior parte dei grafici. Viene ignorato se è impostato su un valore inferiore al valore Y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Valore predefinito: automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee di griglia secondarie sull'asse verticale, simile all'opzione vAxis.gridlines.

Tipo: object
Valore predefinito: null
vAxis.minorGridlines.color

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

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

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

Tipo: number
Valore predefinito: 1
vAxis.minValue

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

Tipo: number
Valore predefinito: null
vAxis.textPosition

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

Tipo: string
Valore predefinito: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Valore predefinito: nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Valore predefinito: null
vAxis.viewWindow.max

Il valore massimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
vAxis.viewWindow.min

Il valore minimo dei dati verticali da visualizzare.

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

Tipo: number
Valore predefinito: auto
larghezza

Larghezza del grafico in pixel.

Tipo: number
Valore predefinito: larghezza dell'elemento contenitore

Opzioni di configurazione del grafico a tabella

Nome
alternatingRowStyle

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

Tipo: boolean
Valore predefinito: true
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
pagina

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

  • 'enable': la tabella includerà i pulsanti Avanti e Indietro. Se fai clic su questi pulsanti, verrà eseguita l'operazione di paginazione e la pagina visualizzata verrà modificata. Ti consigliamo di impostare anche l'opzione pageSize.
  • 'event': la tabella includerà i pulsanti Avanti e Indietro, ma se li fai clic verrà attivato un evento 'page' e la pagina visualizzata non cambierà. Questa opzione deve essere utilizzata quando il codice implementa la propria logica di passaggio di pagina. Consulta l'esempio TableQueryWrapper per un esempio di gestione manuale degli eventi di paginazione.
  • 'disable' - [Predefinito] La paginazione non è supportata.
    • Tipo: string
    Valore predefinito: 'disable'
pageSize

Il numero di righe in ogni pagina, quando l'impaginazione è attivata con l'opzione Pagina.

Tipo: number
Valore predefinito: 10
showRowNumber

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

Tipo: boolean
Valore predefinito: false
ordinare

Se e come ordinare le colonne quando l'utente fa clic sull'intestazione di una colonna. Se l'ordinamento è abilitato, valuta la possibilità di impostare anche le proprietà sortAscending e sortColumn. Scegli uno dei seguenti valori string:

  • 'enable' - [Predefinito] Gli utenti possono fare clic sulle intestazioni delle colonne per ordinare in base alla colonna su cui è stato fatto clic. Quando gli utenti fanno clic sull'intestazione della colonna, le righe vengono ordinate automaticamente e viene attivato un evento 'sort'.
  • '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 la propria ordinamento. Consulta l'esempio TableQueryWrapper per un esempio di come gestire manualmente gli eventi di ordinamento.
  • 'disable'- Il clic su un'intestazione di colonna non ha alcun effetto.
Tipo: string
Valore predefinito: 'enable'
sortAscending

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

Tipo: boolean
Valore predefinito: true
sortColumn

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

Tipo: number
Valore predefinito: -1
larghezza

Larghezza del grafico in pixel.

Tipo: number
Valore predefinito:larghezza dell'elemento contenitore

Opzioni di configurazione della cronologia

Nome
backgroundColor

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

Tipo: string o object
Valore 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
Valore predefinito: colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Valore predefinito: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Valore predefinito:larghezza dell'elemento contenitore

Opzioni di configurazione della mappa ad albero

Nome
headerColor

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

Tipo: string
Valore predefinito: #988f86
maxColor

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

Tipo: string
Valore predefinito: #00dd00
maxDepth

Il numero massimo di livelli di nodi da mostrare nella visualizzazione corrente. I livelli vengono appiattiti nel piano corrente. Se la tua struttura ad albero ha più livelli, devi andare verso l'alto o verso il basso per visualizzarli. Inoltre, puoi vedere i livelli maxPostDepth al di sotto di questo valore come rettangoli ombreggiati all'interno di questi nodi.

Tipo: number
Valore predefinito: 1
maxPostDepth

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

Tipo: number
Valore predefinito: 0
midColor

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

Tipo: string
Valore predefinito: #000000
minColor

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

Tipo: string
Valore predefinito: #dd0000
noColor

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

Tipo: string
Valore predefinito: #000000
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Valore 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
Valore 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
Valore predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Valore predefinito: nessun titolo
titleTextStyle

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

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

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

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