Opzioni di configurazione dei grafici

Tipi di grafici

Opzioni di configurazione del grafico delle annotazioni

Nome
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
displayRangeSelector

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

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

Tipo: boolean
Predefinita: true
displayZoomButtons

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

Tipo: boolean
Predefinita: true
max

Il valore massimo da mostrare sull'asse Y. Se il punto dati massimo supera questo valore, viene ignorata e il grafico viene regolato in modo da mostrare il segno di spunta principale successivo al di sopra del punto dati massimo. Ha la precedenza sul valore massimo determinato per l'asse Y entro il giorno scaleType.

Questo valore è simile a maxValue nei grafici principali.

Tipo: number
Predefinito:automatico
min

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

Questo valore è simile a minValue nei grafici principali.

Tipo: number
Predefinito:automatico

Opzioni di configurazione del grafico ad area

Nome
areaOpacity

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

Tipo: number, 0.0- 1.0
Predefinita: 0.3
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
interpolateNulls

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

Questa funzionalità non è supportata da Grafici ad area con Opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nella Column, Ad area e grafici SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per una migliore corrispondenza con la sovrapposizione dei gli elementi della serie (ad es. serie 0 sarà l'elemento della legenda più in basso). Questo non si applica a Grafici a bar.

L'opzione isStacked supporta anche la sovrapposizione al 100%, in cui gli stack di elementi a ciascun valore di dominio vengono ridimensionate per raggiungere il 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. È l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma dei valori sia pari al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma sia 1. Il valore di ogni elemento viene calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

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

La sovrapposizione al 100% supporta solo i valori di dati di tipo number e deve hanno una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

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

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

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

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

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

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

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

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

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

Tipo: number
Predefinita: 2
pointShape

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

Tipo: string
Predefinita: 'circle'
pointSize

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

Tipo: number
Predefinita: 0
reverseCategories

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

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

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

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

    Vedi le varie opzioni di annotations per un elenco più completo delle opzioni personalizzati.

  • 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 globale lineDashStyle per questa impostazione Google Cloud.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: sostituisce il valore globale pointShape per questa impostazione Google Cloud.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: sostituisce il valore globale pointsVisible per questa impostazione Google Cloud.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'impostazione predefinita e 1 è l'asse opposto. Il valore predefinito è 0; impostato su 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Deve essere assegnata almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove trueindica che la serie dovrebbe è presente una legenda e false significa che non deve. Il valore predefinito è true.

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione grafico a barre

Nome
backgroundColor

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

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

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

Tipo:string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: numero o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxes

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

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

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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto hAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nella Column, Ad area e grafici SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per una migliore corrispondenza con la sovrapposizione dei gli elementi della serie (ad es. serie 0 sarà l'elemento della legenda più in basso). Questo non si applica a Grafici a bar.

L'opzione isStacked supporta anche la sovrapposizione al 100%, in cui gli stack di elementi a ciascun valore di dominio vengono ridimensionate per raggiungere il 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. È l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma dei valori sia pari al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma sia 1. Il valore di ogni elemento viene calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

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

La sovrapposizione al 100% supporta solo i valori di dati di tipo number e deve hanno una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

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

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

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

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

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

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

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

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

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

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

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

    Vedi le varie opzioni di annotations per un elenco più completo delle opzioni personalizzati.

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

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

Display linee di tendenza . sui grafici che li supportano. Per impostazione predefinita, le linee di tendenza di linear sono ma può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le tue opzioni appariranno nel seguente modo: 

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

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

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

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

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostato, il parametro linea di tendenza . verrà visualizzato nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea linea di tendenza, in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

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

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

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

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxis

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici a bolle

Nome
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
fumetto

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

Tipo: object
Predefinita: null
bubble.opacity

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

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

Il colore delle bolle ictus.

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

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

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

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

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

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

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

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

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

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

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

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

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

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

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

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

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

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

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

Tipo: number
Predefinito:30
sizeAxis.minSize

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

Tipo: number
Predefinito:5
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione di Calendar

Nome
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dei grafici a candele

Nome
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

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

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

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

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

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

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

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

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

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

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

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

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
vAxes

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

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

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici a colonne

Nome
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nella Column, Ad area e grafici SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per una migliore corrispondenza con la sovrapposizione dei gli elementi della serie (ad es. serie 0 sarà l'elemento della legenda più in basso). Questo non si applica a Grafici a bar.

L'opzione isStacked supporta anche la sovrapposizione al 100%, in cui gli stack di elementi a ciascun valore di dominio vengono ridimensionate per raggiungere il 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. È l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma dei valori sia pari al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma sia 1. Il valore di ogni elemento viene calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

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

La sovrapposizione al 100% supporta solo i valori di dati di tipo number e deve hanno una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

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

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

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

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

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

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

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

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

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

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

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

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

    Vedi le varie opzioni di annotations per un elenco più completo delle opzioni personalizzati.

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

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

Display linee di tendenza . sui grafici che li supportano. Per impostazione predefinita, le linee di tendenza di linear sono ma può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le tue opzioni appariranno nel seguente modo: 

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

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

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

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

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostato, il parametro linea di tendenza . verrà visualizzato nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea linea di tendenza, in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

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

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

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

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dei grafici combinati

Nome
areaOpacity

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

Tipo: number, 0.0- 1.0
Predefinita: 0.3
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

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

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
interpolateNulls

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

Questa funzionalità non è supportata da Grafici ad area con Opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nella Column, Ad area e grafici SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per una migliore corrispondenza con la sovrapposizione dei gli elementi della serie (ad es. serie 0 sarà l'elemento della legenda più in basso). Questo non si applica a Grafici a bar.

L'opzione isStacked supporta anche la sovrapposizione al 100%, in cui gli stack di elementi a ciascun valore di dominio vengono ridimensionate per raggiungere il 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. È l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma dei valori sia pari al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma sia 1. Il valore di ogni elemento viene calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

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

La sovrapposizione al 100% supporta solo i valori di dati di tipo number e deve hanno una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

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

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

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

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

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

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

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

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

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

Tipo: number
Predefinita: 2
pointShape

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

Tipo: string
Predefinita: 'circle'
pointSize

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

Tipo: number
Predefinita: 0
reverseCategories

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

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

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

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

    Vedi le varie opzioni di annotations per un elenco più completo delle opzioni personalizzati.

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

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
vAxes

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

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

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione del misuratore

Nome
greenColor

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

Tipo: string
Predefinita: '#109618'
greenFrom

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

Tipo: number
Predefinito:nessuno
greenTo

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

Tipo: number
Predefinito:nessuno
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: la larghezza del contenitore
max

Il valore massimo da mostrare sull'asse Y. Se il punto dati massimo supera questo valore, viene ignorata e il grafico viene regolato in modo da mostrare il segno di spunta principale successivo al di sopra del punto dati massimo. Ha la precedenza sul valore massimo determinato per l'asse Y entro il giorno scaleType.

Questo valore è simile a maxValue nei grafici principali.

Tipo: number
Predefinito:automatico
min

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

Questo valore è simile a minValue nei grafici principali.

Tipo: number
Predefinito:automatico
redColor

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

Tipo: string
Predefinita: '#DC3912'
redFrom

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

Tipo: number
Predefinito:nessuno
redTo

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

Tipo: number
Predefinito:nessuno
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: la larghezza del contenitore
yellowColor

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

Tipo: string
Predefinita: '#FF9900'
yellowFrom

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

Tipo: number
Predefinito:nessuno
yellowTo

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

Tipo: number
Predefinito:nessuno

Opzioni di configurazione dei grafici geografici

Nome
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
datalessRegionColor

Colore da assegnare alle regioni senza dati associati.

Tipo: string
Predefinita: '#F5F5F5'
defaultColor

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

Tipo: string
Predefinita: '#267114'
displayMode

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

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

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

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

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

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

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

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

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

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

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

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dell'istogramma

Nome
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

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

Impostazione della dimensione di ogni barra dell'istogramma mediante hardcoded, anziché consentire di determinarla. in modo algoritmico.

Tipo: number
Predefinita: automatica
histogram.hideBucketItems

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

Tipo: boolean
Predefinita: false
histogram.lastBucketPercentile

Quando calcoli le dimensioni del bucket dell'istogramma, ignora i campi superiore e inferiore lastBucketPercentile percento. I valori sono sono ancora incluse nell'istogramma, ma non influiscono sul bucketing.

Tipo: number
Predefinita: 0
interpolateNulls

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

Questa funzionalità non è supportata da Grafici ad area con Opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nella Column, Ad area e grafici SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per una migliore corrispondenza con la sovrapposizione dei gli elementi della serie (ad es. serie 0 sarà l'elemento della legenda più in basso). Questo non si applica a Grafici a bar.

L'opzione isStacked supporta anche la sovrapposizione al 100%, in cui gli stack di elementi a ciascun valore di dominio vengono ridimensionate per raggiungere il 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. È l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma dei valori sia pari al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma sia 1. Il valore di ogni elemento viene calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

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

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

La sovrapposizione al 100% supporta solo i valori di dati di tipo number e deve hanno una base di riferimento pari a zero.

Tipo: boolean/string
Predefinita: false
leggenda

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

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

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

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

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

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

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

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

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

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

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

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
vAxes

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

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

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dei grafici a linee

Nome
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

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

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
interpolateNulls

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

Questa funzionalità non è supportata da Grafici ad area con Opzione isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Predefinita: false
leggenda

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

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

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

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

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

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

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

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

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

Tipo: number
Predefinita: 2
pointShape

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

Tipo: string
Predefinita: 'circle'
pointSize

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

Tipo: number
Predefinita: 0
reverseCategories

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

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

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

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

    Vedi le varie opzioni di annotations per un elenco più completo delle opzioni personalizzati.

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

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

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

Tipo: boolean
linee di tendenza

Display linee di tendenza . sui grafici che li supportano. Per impostazione predefinita, le linee di tendenza di linear sono ma può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le tue opzioni appariranno nel seguente modo: 

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

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

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

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

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostato, il parametro linea di tendenza . verrà visualizzato nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea linea di tendenza , in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

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

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

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

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

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

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

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

Tipo: number
Predefinita: -1
vAxis.logScale

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

Tipo: boolean
Predefinita: false
vAxis.maxValue

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

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

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

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
vAxis.minValue

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

Tipo: number
Predefinita: null
vAxis.textPosition

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

Tipo: string
Predefinita: 'out'
vAxis.textStyle

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

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

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

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

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione dell'organigramma

Nome
colore

Il colore di sfondo degli elementi dell'organigramma.

Tipo: string
Predefinita: '#edf7ff'
selectionColor

Il colore di sfondo degli elementi selezionati dell'organigramma.

Tipo: string
Predefinita: '#d6e9f8'
dimensioni

Le dimensioni complessive del grafico. Le opzioni sono 'small', 'medium' o 'large'.

Tipo: string
Predefinita: 'medium'

Opzioni di configurazione dei grafici a torta

Nome
backgroundColor

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

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

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

Tipo: string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
altezza

Altezza del grafico in pixel.

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

Se true, visualizza un grafico tridimensionale.

Tipo: boolean
Predefinita: false
leggenda

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

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

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

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

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

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

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

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

Se è compreso tra 0 e 1, mostra un grafico ad anello. Il raggio del foro è uguale a number volte il raggio del grafico.

Tipo: number
Predefinita: 0
pieSliceBorderColor

Il colore dei bordi della sezione. Applicabile solo quando il grafico è bidimensionale.

Tipo: string
Predefinita: 'white'
pieSliceText

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

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

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

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

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

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

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

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
slices.color

Il colore da utilizzare per questa sezione.

Tipo: string
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

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

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

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

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

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

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

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

Opzioni di configurazione dei grafici a dispersione

Nome
backgroundColor

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

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

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

Tipo:string
Predefinita: 'white'
chartArea

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

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

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

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

Tipo: array di stringhe
Predefinito:colori predefiniti
curveType

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

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

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

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

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

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

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

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.gridlines.color

Il colore delle linee della griglia orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: -1
hAxis.logScale

Proprietà hAxis che rende l'asse orizzontale una scala logaritmica (richiede tutte valori positivi). Imposta true per sì.

Questa opzione è supportata solo per un asse continuous.

Tipo: boolean
Predefinita: false
hAxis.maxValue

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

Tipo: number
Predefinito:automatico
hAxis.minorGridlines

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

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
hAxis.minorGridlines.color

Il colore delle linee della griglia minori orizzontali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

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

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

Tipo: number
Predefinita: 1
hAxis.minValue

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

Tipo: number
Predefinito:automatico
hAxis.textPosition

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

Tipo: string
Predefinita: 'out'
hAxis.textStyle

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

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

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

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

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

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

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

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

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

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

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

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
leggenda

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

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

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

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

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

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

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

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

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

Tipo: number
Predefinita: 2
pointShape

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

Tipo: string
Predefinita: 'circle'
pointSize

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

Tipo: number
Predefinita: 0
serie

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

  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineWidth: sostituisce il valore globale lineWidth per questa serie.
  • pointShape: sostituisce il valore globale pointShape per questa impostazione Google Cloud.
  • pointSize: sostituisce il valore globale pointSize per questa serie.
  • pointsVisible: sostituisce il valore globale pointsVisible per questa impostazione Google Cloud.
  • visibleInLegend: un valore boolean, dove true indica che la serie dovrebbe è presente una legenda e false significa che non deve. Il valore predefinito è true.

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

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

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefinite che funzionano insieme per creare un grafico specifico comportamento o effetto visivo. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e traccia la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se impostato su true, il grafico tratterà la colonna come una colonna di testo.

Tipo: boolean
linee di tendenza

Display linee di tendenza . sui grafici che li supportano. Per impostazione predefinita, le linee di tendenza di linear sono ma può essere personalizzata con l'opzione trendlines.n.type.

Le linee di tendenza sono specificate in base alla serie, quindi la maggior parte delle volte le tue opzioni appariranno nel seguente modo: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Predefinita: null
trendlines.n.color

Il colore del linea di tendenza , espresso come nome di colore inglese o come stringa esadecimale.

Tipo: string
Predefinito:colore predefinito della serie
trendlines.n.degree

Per linee di tendenza . di type: 'polynomial', il grado del polinomio (2 per quadratico, 3 per cubico e così via).

Tipo: number
Predefinita: 3
trendlines.n.labelInLegend

Se impostato, il parametro linea di tendenza . verrà visualizzato nella legenda come questa stringa.

Tipo: string
Predefinita: null
trendlines.n.lineWidth

Lo spessore della linea linea di tendenza , in pixel.

Tipo: number
Predefinita: 2
trendlines.n.type

Indica se linee di tendenza . è 'linear' (valore predefinito), 'exponential' o 'polynomial'.

Tipo: string
Predefinita: linear
trendlines.n.visibleInLegend

Indica se linea di tendenza . dell'equazione visualizzata nella legenda. Verrà visualizzato nella descrizione comando della linea di tendenza.

Tipo: boolean
Predefinita: false
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportata da vAxis. I valori di queste proprietà sostituiscono qualsiasi impostazione globale per il parametro la stessa proprietà.

Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. La L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e un testo personalizzati e uno stile: 

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 in invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{color: '#333', minSpacing: 20}

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia, o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato. il volume sarà in aumento nella maggior parte grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile Opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia secondarie impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee della griglia principali e lo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. sarà verso il basso la maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica

Opzioni di configurazione del grafico ad area con rientri

Nome
areaOpacity

L'opacità predefinita dell'area colorata sotto una serie di grafici ad area, dove 0.0 è completamente trasparente, mentre 1.0 è completamente opaco. Per specificare l'opacità per una singola serie, imposta il valore areaOpacity nella proprietà series.

Tipo: number, 0.0- 1.0
Predefinita: 0.3
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con quanto segue proprietà.

Tipo: string o object
Predefinita: 'white'
backgroundColor.fill

Il colore di riempimento del grafico, come stringa di colore HTML.

Tipo: string
Predefinita: 'white'
chartArea

Un oggetto con membri per configurare il posizionamento e le dimensioni dell'area del grafico (in cui il grafico viene disegnata automaticamente, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel; un numero seguito da % è un percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Predefinita: null
chartArea.backgroundColor
Colore di sfondo dell'area del grafico. Quando si utilizza una stringa, può essere una stringa esadecimale (ad es. '#fdc') o un nome di colore inglese. Quando si utilizza un oggetto, le seguenti proprietà possono da fornire:
  • stroke: il colore, fornito come stringa esadecimale o nome colore inglese.
  • strokeWidth: se fornito, disegna un bordo intorno all'area del grafico della (e del colore stroke).
Tipo: string o object
Predefinita: 'white'
chartArea.height

Altezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
chartArea.left

Quanto è distante il grafico dal bordo sinistro.

Tipo: number o string
Predefinita: automatica
chartArea.top

Quanto è distante il grafico dal bordo superiore.

Tipo: number o string
Predefinita: automatica
chartArea.width

Larghezza dell'area del grafico.

Tipo: number o string
Predefinita: automatica
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è un codice HTML stringa di colore, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
hAxis

Un oggetto con membri per configurare vari elementi dell'asse orizzontale. Specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Predefinita: null
hAxis.direction

La direzione in cui crescono i valori lungo l'asse orizzontale. Specifica -1 in invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
hAxis.textPosition

Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
hAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse orizzontale. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis che specifica il titolo dell'asse orizzontale.

Tipo: string
Predefinita: null
hAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse orizzontale. L'oggetto ha questo formato: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse orizzontale.

Tipo: object
Predefinita: null
hAxis.viewWindow.max

Il valore orizzontale massimo dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
hAxis.viewWindow.min

Il valore minimo orizzontale dei dati da visualizzare.

Ignorato quando hAxis.viewWindowMode è 'pretty' o 'maximized'.

Tipo: number
Predefinita: automatica
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
isStacked

Se impostato su true, impila gli elementi di tutte le serie in base al valore di ciascun dominio. Nota: nella Column, Ad area e grafici SteppedArea, Google Graph inverte l'ordine degli elementi della legenda per una migliore corrispondenza con la sovrapposizione dei gli elementi della serie (ad es. serie 0 sarà l'elemento della legenda più in basso). Questo non si applica a Grafici a bar.

L'opzione isStacked supporta anche la sovrapposizione al 100%, in cui gli stack di elementi a ciascun valore di dominio vengono ridimensionate per raggiungere il 100%.

Le opzioni per isStacked sono:

  • false: gli elementi non si sovrappongano. È l'opzione predefinita.
  • true: impila gli elementi di tutte le serie in base a ciascun valore del dominio.
  • 'percent': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma dei valori sia pari al 100%, con il valore di ogni elemento calcolato come percentuale del 100%.
  • 'relative': sovrappone gli elementi di tutte le serie in base a ciascun valore del dominio e le ridimensiona in modo che la somma sia 1. Il valore di ogni elemento viene calcolato come frazione di 1.
  • 'absolute': funziona come isStacked: true.

Per la sovrapposizione al 100%, il valore calcolato per ogni elemento verrà visualizzato nella descrizione comando dopo il relativo valore effettivo.

Per impostazione predefinita, l'asse target utilizza i valori di graduazione in base alla scala 0-1 relativa sotto forma di frazioni. di 1 per 'relative' e 0-100% per 'percent' Nota: quando utilizzi l'opzione 'percent', i valori dell'asse/di graduazione vengono visualizzati in percentuale, ma i valori effettivi sono i relativi valori scala 0-1. Questo perché i segni di graduazione dell'asse percentuale sono il risultato dell'applicazione del formato "#.##%" a i relativi valori della scala 0-1. Quando usi isStacked: 'percent', assicurati di specificare eventuali segni di graduazione/linee della griglia utilizzando i relativi valori della scala 0-1). Puoi personalizzare linee della griglia/valori di graduazione e formattazione utilizzando le opzioni hAxis/vAxis appropriate.

La sovrapposizione al 100% supporta solo i valori di dati di tipo number e deve hanno una base di riferimento pari a zero.

Tipo: boolean/ string
Predefinita: false
leggenda

Un oggetto con membri per configurare vari aspetti della legenda. Per specificare le proprietà di puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Predefinita: null
legend.position

Posizione della legenda. Può corrispondere a uno dei seguenti:

  • 'bottom' - Sotto il grafico.
  • 'left': a sinistra del grafico, a condizione che all'asse sinistro non siano associate serie. Pertanto, se vuoi la legenda a sinistra, utilizza l'opzione targetAxisIndex: 1.
  • 'in': all'interno del grafico, nell'angolo in alto a sinistra.
  • 'none': non viene visualizzata alcuna legenda.
  • 'right': a destra del grafico. Incompatibile con l'opzione vAxes.
  • 'top' - Sopra il grafico.
Tipo: string
Predefinita: 'right'
legendTextStyle

Un oggetto che specifica lo stile di testo della legenda. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se impostato su true, disegna le serie da destra a sinistra. L'impostazione predefinita è disegnare da sinistra a destra.

Questa opzione è supportata solo per discrete major.

Tipo: boolean
Predefinita: false
serie

Un array di oggetti, ognuno dei quali descrive il formato della serie corrispondente nel grafico. Per utilizzare i valori predefiniti per una serie, specifica un oggetto vuoto {}. Se una serie o un valore non sono specificati, verrà usato il valore globale. Ogni oggetto supporta le seguenti proprietà:

  • areaOpacity: sostituisce il valore areaOpacity globale per questa serie.
  • color: il colore da utilizzare per questa serie. Specifica una stringa di colore HTML valida.
  • type: il tipo di indicatore di questa serie. I valori validi sono "line", "area", "bars" e "steppedArea". Tieni presente che le barre sono in realtà barre verticali (colonne). Il valore predefinito è specificato dall'opzione seriesType del grafico.
  • labelInLegend: la descrizione della serie da visualizzare nella legenda del grafico.
  • lineDashStyle: sostituisce il valore globale lineDashStyle per questa impostazione Google Cloud.
  • targetAxisIndex: a quale asse assegnare questa serie, dove 0 è l'impostazione predefinita e 1 è l'asse opposto. Il valore predefinito è 0; impostato su 1 per definire un grafico in cui serie diverse vengono visualizzate su assi diversi. Deve essere assegnata almeno una serie all'asse predefinito. Puoi definire una scala diversa per assi diversi.
  • visibleInLegend: un valore boolean, dove true indica che la serie dovrebbe è presente una legenda e false significa che non deve. Il valore predefinito è true.

Puoi specificare un array di oggetti, ognuno dei quali si applica alla serie nell'ordine indicato oppure puoi specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale serie si applica.Ad esempio, le seguenti due dichiarazioni sono identiche e dichiarare la prima serie come nera e assente dalla legenda e la quarta come rossa e assente dalla legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: array di oggetti oppure oggetto con oggetti nidificati
Predefinita: {}
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema è un insieme di valori di opzioni predefinite che funzionano insieme per creare un grafico specifico comportamento o effetto visivo. Al momento è disponibile un solo tema:

  • 'maximized': ingrandisce l'area del grafico e traccia la legenda e tutte le etichette all'interno dell'area del grafico.
Tipo: string
Predefinita: null
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se impostato su true, il grafico tratterà la colonna come una colonna di testo.

Tipo: boolean
useFirstColumnAsDomain

Se impostato su true, il grafico tratterà la colonna come il dominio.

Tipo: boolean
vAxes

Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali. Ogni oggetto secondario è un oggetto vAxis e può contenere tutte le proprietà supportata da vAxis. I valori di queste proprietà sostituiscono qualsiasi impostazione globale per il parametro la stessa proprietà.

Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando series.targetAxisIndex, poi configura l'asse utilizzando vAxes. La L'esempio seguente assegna la serie 2 all'asse destro e specifica un titolo e un testo personalizzati e uno stile: 

{
  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, ognuna con un'etichetta numerica che specifica l'asse che definisce. Questo è il formato mostrato sopra; l'array è un array di oggetti, uno per asse. Ad esempio, il seguente stile array è identica all'oggetto vAxis mostrato sopra: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: array di oggetti oppure oggetti con oggetti secondari
Predefinita: null
vAxis

Un oggetto con membri per configurare vari elementi dell'asse verticale. Per specificare le proprietà di puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Predefinita: null
vAxis.direction

La direzione in cui crescono i valori lungo l'asse verticale. Per impostazione predefinita, i valori bassi si trovano nella parte inferiore del grafico. Specifica -1 in invertire l'ordine dei valori.

Tipo: 1 o -1
Predefinita: 1
vAxis.gridlines

Un oggetto con membri per configurare le linee della griglia sull'asse verticale. Tieni presente che le linee della griglia dell'asse verticale sono disegnate orizzontalmente. Specificare le proprietà di questo oggetto, puoi utilizzare la notazione letterale oggetto, come mostrato qui: 

{color: '#333', minSpacing: 20}

Questa opzione è supportata solo per continuous .

Tipo: object
Predefinita: null
vAxis.gridlines.color

Il colore delle linee della griglia verticali all'interno dell'area del grafico. Specifica una stringa di colore HTML valida.

Tipo: string
Predefinita: '#CCC'
vAxis.gridlines.count

Il numero approssimativo di linee della griglia orizzontali all'interno dell'area del grafico. Se specifichi un numero positivo per gridlines.count, verrà utilizzato per calcolare il valore minSpacing tra le linee della griglia. Puoi specificare il valore 1 per tracciare una sola linea della griglia, o 0 per non tracciare linee della griglia. Specifica -1, che è l'impostazione predefinita, per calcolare automaticamente il numero di linee della griglia in base ad altre opzioni.

Tipo: number
Predefinita: -1
vAxis.logScale

Se true, l'asse verticale diventa una scala logaritmica. Nota: tutti i valori devono essere positivi.

Tipo: boolean
Predefinita: false
vAxis.maxValue

Sposta il valore massimo dell'asse verticale sul valore specificato. il volume sarà in aumento nella maggior parte grafici. Ignorato se impostato su un valore inferiore al valore y massimo dei dati. vAxis.viewWindow.max sostituisce questa proprietà.

Tipo: number
Predefinito:automatico
vAxis.minorGridlines

Un oggetto con membri per configurare le linee della griglia minori sull'asse verticale, in modo simile Opzione vAxis.gridlines.

Tipo: object
Predefinita: null
vAxis.minorGridlines.color

Il colore delle linee della griglia minori verticali all'interno dell'area del grafico. Specifica un colore HTML valido stringa.

Tipo: string
Predefinito:una combinazione dei colori della linea della griglia e dello sfondo
vAxis.minorGridlines.count

L'opzione minorGridlines.count è in gran parte deprecata, ad eccezione della disattivazione delle linee della griglia secondarie impostando il conteggio su 0. Il numero di linee della griglia minori dipende dall'intervallo tra le linee della griglia principali e lo spazio minimo richiesto.

Tipo: number
Predefinita: 1
vAxis.minValue

Sposta il valore minimo dell'asse verticale sul valore specificato. sarà verso il basso la maggior parte dei grafici. Ignorato se impostato su un valore maggiore del valore y minimo dei dati. vAxis.viewWindow.min sostituisce questa proprietà.

Tipo: number
Predefinita: null
vAxis.textPosition

Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 'out', 'in', 'none'.

Tipo: string
Predefinita: 'out'
vAxis.textStyle

Un oggetto che specifica lo stile di testo dell'asse verticale. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifica un titolo per l'asse verticale.

Tipo: string
Predefinito:nessun titolo
vAxis.titleTextStyle

Un oggetto che specifica lo stile di testo del titolo dell'asse verticale. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifica l'intervallo di ritaglio dell'asse verticale.

Tipo: object
Predefinita: null
vAxis.viewWindow.max

Il valore verticale massimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
vAxis.viewWindow.min

Il valore verticale minimo dei dati da visualizzare.

Ignorata quando vAxis.viewWindowMode è "abbastanza" o "massimizzato".

Tipo: number
Predefinita: automatica
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione dei grafici a tabella

Nome
alternatingRowStyle

Determina se uno stile di colore alternato verrà assegnato alle righe pari e dispari.

Tipo: boolean
Predefinita: true
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
pagina

Se e come abilitare il paging dei dati. Scegli uno dei seguenti valori di string:

  • 'enable': la tabella includerà le pagine in avanti e indietro di pagina pulsanti. Se fai clic su questi pulsanti viene eseguita l'operazione di paging e cambia la pagina visualizzata. Ti consigliamo di impostare anche l'opzione pageSize.
  • 'event': la tabella include pulsanti per andare avanti e indietro pagina, su cui puoi fare clic attiverà un evento 'page' e non modificherà la pagina visualizzata. Questa opzione dovrebbe essere utilizzata quando il codice implementa la propria logica per la rotazione delle pagine. Consulta le Esempio di TableQueryWrapper per vedere un esempio di come gestire manualmente gli eventi di paging.
  • 'disable' - [Predefinito] Il paging non è supportato.
    • Tipo: string
    Predefinita: 'disable'
pageSize

Il numero di righe in ogni pagina, quando il paging è abilitato con l'opzione della pagina.

Tipo: number
Predefinita: 10
showRowNumber

Se impostato su true, mostra il numero di riga come prima colonna della tabella.

Tipo: boolean
Predefinita: false
ordinare

Se e come ordinare le colonne quando l'utente fa clic su un'intestazione di colonna. Se l'ordinamento è abilitato, valuta la possibilità di impostare anche le proprietà sortAscending e sortColumn. Scegli una delle i seguenti valori di string:

  • 'enable' - [Predefinito] Gli utenti possono fare clic sulle intestazioni di colonna per ordinare i dati in base colonna. Quando gli utenti fanno clic sull'intestazione della colonna, le righe vengono ordinate automaticamente, e viene attivato un 'sort'evento.
  • 'event': quando gli utenti fanno clic sull'intestazione della colonna, viene attivato un evento 'sort', ma le righe non vengono ordinate automaticamente. Questa opzione deve essere utilizzata quando la pagina implementa il proprio tipo. Consulta le Esempio di TableQueryWrapper per vedere un esempio di come gestire manualmente gli eventi.
  • 'disable'- Fare clic sull'intestazione di una colonna non ha alcun effetto.
Tipo: string
Predefinita: 'enable'
sortAscending

L'ordine in cui viene ordinata la colonna di ordinamento iniziale. True per l'ordine crescente, false per in ordine decrescente. Ignorato se sortColumn non è specificato.

Tipo: boolean
Predefinita: true
sortColumn

L'indice di una colonna nella tabella di dati, in base al quale la tabella viene inizialmente ordinata. La colonna è contrassegnata con una piccola freccia che indica l'ordinamento.

Tipo: number
Predefinita: -1
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione degli Spostamenti

Nome
backgroundColor

Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio 'red' o '#00cc00', oppure un oggetto con quanto segue proprietà.

Tipo: string o object
Predefinita: 'white'
colori

I colori da utilizzare per gli elementi del grafico. Un array di stringhe, in cui ogni elemento è un codice HTML stringa di colore, ad esempio: colors:['red','#004411'].

Tipo: array di stringhe
Predefinito:colori predefiniti
altezza

Altezza del grafico in pixel.

Tipo: number
Predefinita: altezza dell'elemento contenitore
larghezza

Larghezza del grafico in pixel.

Tipo: number
Predefinita: larghezza dell'elemento contenitore

Opzioni di configurazione della mappa ad albero

Nome
headerColor

Il colore della sezione dell'intestazione per ciascun nodo. Specifica un valore di colore HTML.

Tipo: string
Predefinita: #988f86
maxColor

Il colore di un rettangolo con il valore della colonna 3: maxColorValue. Specifica un valore Valore del colore HTML.

Tipo: string
Predefinita: #00dd00
maxDepth

Il numero massimo di livelli di nodi da mostrare nella visualizzazione corrente. I livelli sono appiattiti nel piano attuale. Se il tuo albero ha più livelli di questo, devi salire o verso il basso per vederle. Puoi anche vedere maxPostDepth livelli sotto questo come rettangoli ombreggiati all'interno di questi nodi.

Tipo: number
Predefinita: 1
maxPostDepth

Quanti livelli di nodi oltre maxDepth mostrare come "hint" moda. I nodi suggeriti vengono mostrati come rettangoli ombreggiati all'interno di un nodo che si trova all'interno del Limite di maxDepth.

Tipo: number
Predefinita: 0
midColor

Il colore di un rettangolo con un valore della colonna 3 a metà strada tra maxColorValue e minColorValue. Specifica un valore di colore HTML.

Tipo: string
Predefinita: #000000
minColor

Il colore di un rettangolo con il valore della colonna 3: minColorValue. Specifica un valore Valore del colore HTML.

Tipo: string
Predefinita: #dd0000
noColor

Il colore da utilizzare per un rettangolo quando un nodo non ha valori per la colonna 3 e tale nodo è un foglia (o contiene solo foglie). Specifica un valore di colore HTML.

Tipo: string
Predefinita: #000000
sottotitolo

Testo da visualizzare sotto il titolo del grafico.

Tipo: string
Predefinito:nessun titolo
subtitleTextStyle

Un oggetto che specifica lo stile di testo del titolo.

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Un oggetto che specifica lo stile di testo del titolo. Il colore può essere qualsiasi codice HTML stringa di colore, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinito: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titolo

Testo da visualizzare sopra il grafico.

Tipo: string
Predefinito:nessun titolo
titleTextStyle

Un oggetto che specifica lo stile di testo del titolo. L'oggetto ha questo formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color può essere qualsiasi stringa di colore HTML, ad esempio 'red' o '#00cc00'. Vedi anche fontName e fontSize.

Tipo: object
Predefinita: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}