Tipi di grafici
- Grafico delle annotazioni
- Grafico ad area
- Grafico a barre
- Grafico a bolle
- Calendar
- Grafico a candele
- Grafico a colonne
- Grafico combinato
- Indicatore
- Grafico geografico
- Istogramma
- Grafico a linee
- Organigramma
- Grafico a torta
- Grafico a dispersione
- Grafico ad area con rientri
- Grafico a tabella
- Tempistiche
- Mappa ad albero
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: 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 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 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 Questo valore è simile a 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 Questo valore è simile a 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
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 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: 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:
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: 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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando 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
Questa funzionalità non è supportata da
Grafici ad area con
Opzione Tipo:
boolean Predefinita:
false |
isStacked |
Se impostato su
L'opzione Le opzioni per
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
La sovrapposizione al 100% supporta solo i valori di dati di tipo 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:
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> }
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à Tipo:
number Predefinita:
2 |
pointShape |
La forma dei singoli elementi dei dati: 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à Tipo:
number Predefinita:
0 |
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se impostato su Tipo:
boolean |
useFirstColumnAsDomain |
Se impostato su Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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 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: 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:
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: 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
Per specificare un grafico con più assi orizzontali, devi prima definire un nuovo asse utilizzando
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 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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando Tipo:
number Predefinita: automatica
|
altezza |
Altezza del grafico in pixel. Tipo:
number Predefinita: altezza dell'elemento contenitore
|
isStacked |
Se impostato su
L'opzione Le opzioni per
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
La sovrapposizione al 100% supporta solo i valori di dati di tipo 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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
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
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 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
.
è 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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 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 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>}
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: 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:
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: 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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando 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:
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> }
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à:
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se impostato su Tipo:
boolean |
useFirstColumnAsDomain |
Se impostato su Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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 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: 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:
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: 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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando 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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Se impostato su Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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 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: 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:
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: 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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando Tipo:
number Predefinita: automatica
|
altezza |
Altezza del grafico in pixel. Tipo:
number Predefinita: altezza dell'elemento contenitore
|
isStacked |
Se impostato su
L'opzione Le opzioni per
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
La sovrapposizione al 100% supporta solo i valori di dati di tipo 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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
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
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 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
.
è 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 Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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
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 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: 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:
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: 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:
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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando 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
Questa funzionalità non è supportata da
Grafici ad area con
Opzione Tipo:
boolean Predefinita:
false |
isStacked |
Se impostato su
L'opzione Le opzioni per
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
La sovrapposizione al 100% supporta solo i valori di dati di tipo 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:
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> }
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à Tipo:
number Predefinita:
2 |
pointShape |
La forma dei singoli elementi dei dati: 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à Tipo:
number Predefinita:
0 |
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Se impostato su Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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 Questo valore è simile a 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 Questo valore è simile a 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 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. 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:
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> }
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:
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 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: 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:
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: 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
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 Tipo:
number Predefinita:
-1 |
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 Tipo:
number Predefinita:
1 |
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando 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
Tipo:
number Predefinita:
0 |
interpolateNulls |
Se indovinare il valore dei punti mancanti. Se
Questa funzionalità non è supportata da
Grafici ad area con
Opzione Tipo:
boolean Predefinita:
false |
isStacked |
Se impostato su
L'opzione Le opzioni per
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
La sovrapposizione al 100% supporta solo i valori di dati di tipo 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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Se impostato su Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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 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: 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:
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: 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:
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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando 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
Questa funzionalità non è supportata da
Grafici ad area con
Opzione 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:
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> }
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à Tipo:
number Predefinita:
2 |
pointShape |
La forma dei singoli elementi dei dati: 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à Tipo:
number Predefinita:
0 |
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se impostato su Tipo:
boolean |
linee di tendenza |
Display
linee di tendenza
.
sui grafici che li supportano. Per impostazione predefinita, le linee di tendenza di
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 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
.
è 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 Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando Tipo:
number Predefinita: automatica
|
Opzioni di configurazione dell'organigramma
Nome | |
---|---|
colore |
Il colore di sfondo degli elementi dell'organigramma. Tipo:
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 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 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: 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:
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: Tipo: array di stringhe
Predefinito:colori predefiniti
|
altezza |
Altezza del grafico in pixel. Tipo:
number Predefinita: altezza dell'elemento contenitore
|
è in 3D |
Se 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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
Se è compreso tra 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:
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>}
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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.
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> }
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 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: 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:
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: 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:
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 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
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 Tipo:
number Predefinita:
-1 |
hAxis.logScale |
Proprietà Questa opzione è supportata solo per un asse 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.
Tipo:
number Predefinito:automatico
|
hAxis.minorGridlines |
Un oggetto con membri per configurare le linee della griglia minori sull'asse orizzontale, come per
l'opzione
Questa opzione è supportata solo per
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 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.
Tipo:
number Predefinito:automatico
|
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando 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:
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> }
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à Tipo:
number Predefinita:
2 |
pointShape |
La forma dei singoli elementi dei dati: 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à 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
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se impostato su Tipo:
boolean |
linee di tendenza |
Display
linee di tendenza
.
sui grafici che li supportano. Per impostazione predefinita, le linee di tendenza di
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 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
.
è 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 Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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
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 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: 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:
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: 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 Tipo:
1 o -1 Predefinita:
1 |
hAxis.textPosition |
Posizione del testo dell'asse orizzontale rispetto all'area del grafico. Valori supportati: 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
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> }
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 Tipo:
number Predefinita: automatica
|
hAxis.viewWindow.min |
Il valore minimo orizzontale dei dati da visualizzare. Ignorato quando Tipo:
number Predefinita: automatica
|
altezza |
Altezza del grafico in pixel. Tipo:
number Predefinita: altezza dell'elemento contenitore
|
isStacked |
Se impostato su
L'opzione Le opzioni per
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
La sovrapposizione al 100% supporta solo i valori di dati di tipo 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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se impostato su
Questa opzione è supportata solo per
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
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.
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:
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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se impostato su Tipo:
boolean |
useFirstColumnAsDomain |
Se impostato su Tipo:
boolean |
vAxes |
Specifica le proprietà dei singoli assi verticali, se il grafico ha più assi verticali.
Ogni oggetto secondario è un oggetto
Per specificare un grafico con più assi verticali, devi prima definire un nuovo asse utilizzando
{ 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 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 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
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 Tipo:
number Predefinita:
-1 |
vAxis.logScale |
Se 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.
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 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.
Tipo:
number Predefinita:
null |
vAxis.textPosition |
Posizione del testo dell'asse verticale rispetto all'area del grafico. Valori supportati: 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> }
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> }
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 Tipo:
number Predefinita: automatica
|
vAxis.viewWindow.min |
Il valore verticale minimo dei dati da visualizzare. Ignorata quando 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
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 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à
Tipo:
string Predefinita:
'enable' |
sortAscending |
L'ordine in cui viene ordinata la colonna di ordinamento iniziale. 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 è contrassegnato da una piccola freccia che indica l'ordinamento. Tipo:
number Predefinita:
-1 |
larghezza |
Larghezza del grafico in pixel. Tipo:
number Predefinita: larghezza dell'elemento contenitore
|
Opzioni di configurazione degli Spostamenti
Nome | |
---|---|
backgroundColor |
Il colore di sfondo per l'area principale del grafico. Può essere una semplice stringa di colore HTML,
ad esempio 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: 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: 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 Tipo:
number Predefinita:
1 |
maxPostDepth |
Quanti livelli di nodi oltre Tipo:
number Predefinita:
0 |
midColor |
Il colore di un rettangolo con un valore della colonna 3 a metà strada tra Tipo:
string Predefinita:
#000000 |
minColor |
Il colore di un rettangolo con il valore della colonna 3: 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.
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 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> }
Tipo:
object
Predefinita:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|