Questo documento descrive come creare grafici a dispersione utilizzando l'API Chart.
Indice
Funzionalità specifiche per i grafici
|
Funzionalità standard
|
Introduzione
Un grafico a dispersione (o grafico a dispersione) è un insieme di singoli punti su un grafico bidimensionale. Facoltativamente, puoi specificare le dimensioni dei singoli punti. Un grafico a dispersione può accettare solo una serie di dati. I grafici a dispersione sono utili per rilevare raggruppamenti o pattern in molti punti dati che hanno due variabili (se è presente una sola variabile, considera un grafico a linee).
Devi fornire almeno due serie di dati: la prima serie di dati specifica le coordinate x e la seconda le coordinate y.
Se vuoi, puoi fornire una terza serie per specificare le singole dimensioni dei punti. Senza questa serie, per impostazione predefinita tutti i punti hanno una larghezza di 10 pixel.
Tieni presente che se utilizzi chm
per modificare la forma o il colore dei punti dati, questi vengono ridimensionati in base alla dimensione specificata in chm
.
Tipi di grafico (cht
)
Specifica un grafico a dispersione con questa sintassi:
Sintassi
cht=s chd=<x_values>|<y_values>[|<optional_point_sizes>]
Descrizione | Esempio |
---|---|
L'indicatore predefinito per i punti dati è un cerchio blu. Per utilizzare un colore o una forma diversi, specifica gli indicatori di forma utilizzando il parametro Questo grafico varia la dimensione in punti includendo una terza serie di dati. |
|
Se vuoi simulare più serie utilizzando i colori, utilizza il parametro Questo grafico contiene tre serie di dati: la prima è i valori x, la seconda è i valori y corrispondenti e la terza la dimensione in punti corrispondente. Il valore La legenda viene assegnata utilizzando il parametro |
chd=t: |
Per variare la forma dei punti, utilizza gli indicatori di forma. Gli indicatori di forma si comportano in modo leggermente diverso nei grafici a dispersione
rispetto ad altri grafici, a seconda del loro ordine nel parametro
Altri suggerimenti sull'utilizzo degli indicatori di forma:
|
chm=d,FF0000,0,-1,15 Imposta la forma predefinita sul rombo (D) chm= Il valore predefinito è rombo ( d ), indice dell'indicatore 15 e successivi sono quadrati (s )
sovrapposti ai rombi.chd=t: |
Puoi anche aggiungere un indicatore linea (
|
chd=t:
|
Ecco come creare una linea di traccia che attraversi i punti senza fare affidamento sui punti visibili:
I grafici a dispersione non possono essere utilizzati come grafici composti, quindi non puoi aggiungere altre serie per descrivere la linea. Con questo metodo non puoi specificare una linea tratteggiata, ma puoi specificare il colore e lo spessore della linea. |
Linea di traccia con punti nascosti:chd=t: |
Colori serie chco
Specifica il colore dei punti utilizzando il parametro chco
. Puoi specificare un singolo colore per tutti i punti, un gradiente o colori per singoli punti.
Sintassi
chco=<single_color> or chco=<point_1_color>|...|<point_n_color> or chco=<gradient_start>,...,<gradient_end> (only with third data series)
- <color>
- Colore dei punti, nel formato esadecimale RRGGBB.
Esistono diversi formati:
- Specifica un singolo colore da applicare a tutti i punti.
- Per applicare singoli colori a singoli punti, specifica un colore per punto, con una barra verticale come delimitatore.
- Se specifichi singoli colori dei punti, ma hai meno colori che punti, a ogni n° punto viene assegnato il corrispondente n° colore. Questo è il modo per creare un grafico a dispersione di più serie.
- Per applicare un gradiente di colore, devi includere una terza serie di dati (che determina le dimensioni dei punti). Includi due o più colori separati da virgole per applicare un gradiente di colore ai punti in base alle dimensioni del punto.
Funzionalità standard
Le altre funzioni in questa pagina sono funzioni dei grafici standard.
Titolo del grafico chtt
, chts
[Tutti
i grafici]
Puoi specificare il testo del titolo, il colore e la dimensione del carattere per il tuo grafico.
Sintassi
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
: specifica il titolo del grafico.
- <chart_title>
- Titolo da visualizzare per il grafico. Non puoi specificare dove viene visualizzata, ma puoi facoltativamente specificare la dimensione e il colore del carattere. Utilizza il segno + per indicare gli spazi
e una barra verticale (
|
) per indicare le interruzioni di riga.
chts
[Facoltativo] - Colori e dimensioni
del carattere per il parametro chtt
.
- <color>
- Il colore del titolo, nel formato esadecimale RRGGBB. Il colore predefinito è il nero.
- <font_size>
- La dimensione del carattere del titolo, in punti.
- <opt_alignment>
- [Facoltativo] Allineamento del titolo. Scegli uno dei seguenti valori stringa sensibili alle maiuscole: "l" (sinistra), "c" (centro) "r" (destra). Il valore predefinito è "c".
Esempi
Descrizione | Esempio |
---|---|
Un grafico con un titolo, che utilizza colore e dimensioni del carattere predefiniti. Specifica uno spazio con un segno più ( Utilizza una barra verticale (
|
chtt=Site+visitors+by+month| |
Un grafico con titolo di 20 punti blu allineato a destra. |
chtt=Site+visitors |
Testo e stile legenda del grafico chdl
, chdlp
, chdls
[Tutti
i grafici]
La legenda è una sezione laterale del grafico che fornisce una piccola descrizione testuale di ogni serie. In questa legenda puoi specificare il testo associato a ogni serie e indicare la posizione del grafico in cui deve essere visualizzato.
Vedi anche chma
per scoprire come impostare i margini per la legenda.
Nota sui valori
stringa: nelle stringhe di etichetta sono consentiti solo
caratteri sicuri per URL. Per sicurezza, devi codificare nell'URL tutte le stringhe contenenti caratteri non inclusi nel set di caratteri 0-9a-zA-Z
.
Puoi trovare un codificatore di URL nella documentazione
di visualizzazione Google.
Sintassi
chdl=<data_series_1_label>|...|<data_series_n_label> chdlp=<opt_position>|<opt_label_order> chdls=<color>,<size>
chdl
: il testo di ogni serie da visualizzare nella
legenda.
- <data_series_label>
- Il testo delle voci della legenda. Ogni etichetta si applica alla serie corrispondente
nell'array
chd
. Utilizza il segno + per uno spazio. Se non specifichi questo parametro, il grafico non riceverà una legenda. Non è possibile specificare un'interruzione di riga in un'etichetta. In genere la legenda si espande per contenere il testo della legenda, mentre l'area del grafico si riduce per adattarla.
chdlp
- [Facoltativo] La posizione della
legenda e l'ordine delle voci. Puoi specificare <position>
e/o <label_order>. Se specifichi entrambi, separali con un carattere
di barra. Puoi aggiungere "s" a qualsiasi valore se vuoi che le voci della legenda vuote in
chdl
vengano ignorate nella legenda. Esempi: chdlp=bv
, chdlp=r
, chdlp=bv|r
, chdlp=bvs|r
- <opt_position>
- [Facoltativo] Specifica la posizione della legenda sul grafico. Per specificare una spaziatura interna aggiuntiva tra la legenda e l'area del grafico o il bordo dell'immagine, utilizza il parametro
chma
. Scegli uno dei seguenti valori:b
: legenda nella parte inferiore del grafico, voci della legenda in una riga orizzontale.bv
: legenda nella parte inferiore del grafico, voci della legenda in una colonna verticale.t
: legenda nella parte superiore del grafico, voci della legenda in una riga orizzontale.tv
: legenda nella parte superiore del grafico, voci della legenda in una colonna verticale.r
- [Predefinito] Legenda a destra del grafico, voci della legenda in una colonna verticale.l
: legenda a sinistra del grafico, voci della legenda in una colonna verticale.
- <opt_label_order>
- [Facoltativo]
L'ordine in cui le etichette vengono visualizzate nella legenda.
Scegli uno dei seguenti valori:
l
- [Valore predefinito per le legende dei verticali] Visualizza le etichette nell'ordine assegnato achdl
.r
: mostra le etichette in ordine inverso, come sono state assegnate achdl
. Questa opzione è utile nei grafici a barre in pila per visualizzare la legenda
nello stesso ordine in cui appaiono le barre.a
- [Valore predefinito per le legende orizzontali] Ordine automatico: indica approssimativamente l'ordinamento per lunghezza, dal più corto per primo, misurato in blocchi da 10 pixel. Quando due elementi hanno la stessa lunghezza (divise in blocchi da 10 pixel), quello elencato per primo viene visualizzato per primo.0,1,2...
: ordine delle etichette personalizzate. Questo è un elenco di indici di etichette in base zero estrapolati dachdl
, separati da virgole.
chdls
- [Facoltativo] Specifica il colore e le dimensioni del carattere del testo della legenda.
- <color>
- Il colore del testo della legenda, in formato esadecimale RRGGBB.
- <size>
- La dimensione in punti del testo della legenda.
Esempi
Descrizione | Esempio |
---|---|
Due esempi di leggende. Specifica il testo della legenda nello stesso ordine delle serie di dati. |
chdl=NASDAQ|FTSE100|DOW
chdl=First|Second|Third |
Il primo grafico mostra le voci della legenda orizzontale ( |
|
Questo esempio mostra la modifica delle dimensioni dei caratteri. |
|
Margini del grafico chma
[Tutti
i grafici]
Puoi specificare la dimensione dei margini del grafico, in pixel. I margini vengono calcolati verso l'interno rispetto alla dimensione specificata del grafico (chs
). L'aumento della dimensione dei margini non aumenta la dimensione totale del grafico, ma restringe l'area del grafico, se necessario.
Per impostazione predefinita, i margini corrispondono a quanto rimane dopo il calcolo delle dimensioni del grafico. Questo valore predefinito varia in base al tipo di grafico. I margini specificati rappresentano un valore minimo; se l'area del grafico lascia spazio ai margini, la dimensione del margine sarà quella rimasta; non puoi ridurre i margini al di sotto di quanto richiesto per le legende e le etichette. Ecco un diagramma che mostra le parti di base di un grafico:
I margini del grafico includono le etichette dell'asse e l'area della leggenda. L'area della legenda si ridimensiona automaticamente per adattarsi esattamente al testo, a meno che non specifichi una larghezza maggiore utilizzando Suggerimento: in un grafico a barre, se le barre hanno una dimensione fissa (impostazione predefinita), la larghezza dell'area del grafico non può essere ridotta. Devi specificare una dimensione della barra più piccola o ridimensionabile utilizzando |
Sintassi
chma= <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
- <left_margin>, <right_margin>, <top_margin>, <bottom_margin>
- Dimensione minima del margine intorno all'area del grafico, in pixel. Aumenta questo valore in modo da includere una spaziatura interna per evitare che le etichette dell'asse vadano contro i bordi del grafico.
- <opt_legend_width>, <opt_legend_height>
- [Facoltativo] Larghezza del margine intorno alla legenda, in pixel. Utilizza questa opzione per evitare che la legenda vada contro l'area del grafico o i bordi dell'immagine.
Esempi
Descrizione | Esempio |
---|---|
In questo esempio, il grafico ha un margine minimo di 30 pixel su ogni lato. Poiché la legenda del grafico è larga più di 30 pixel, il margine sul lato destro è impostato sulla larghezza della legenda del grafico ed è diverso dagli altri margini. Le etichette dell'asse sono esterne all'area del grafico e, pertanto, vengono disegnate all'interno dello spazio del margine. |
|
Per aggiungere un margine intorno alla legenda, imposta un valore per i parametri In questo esempio, la legenda è larga circa 60 pixel. Se imposti |
|
Stili degli assi ed etichette [a linee, a barre, Google-o-meter, radar, a dispersione]
Puoi specificare quali assi visualizzare nel grafico e assegnare etichette e posizioni, intervalli e stili personalizzati.
Non tutti i grafici mostrano le linee degli assi per impostazione predefinita. Puoi specificare esattamente quali assi mostrare nel grafico utilizzando il parametro chxt
. Le linee dell'asse predefinite non mostrano numeri; devi specificare un asse nel parametro chxt
per mostrare i numeri.
Puoi scegliere di visualizzare i numeri degli assi che riflettono i valori dei dati oppure specificare assi personalizzati.
Per impostazione predefinita vengono visualizzati valori numerici,
con valori scalati da 0 a 100.
Tuttavia, puoi modificare tale intervallo utilizzando chxr
per visualizzare qualsiasi intervallo
e modificare lo stile dei valori (ad esempio per mostrare simboli di valuta o cifre
decimali) utilizzando chxs
.
Se scegli di utilizzare valori personalizzati, ad esempio "lun, mar, mer", puoi utilizzare il parametro chxl
.
Per posizionare queste etichette in posizioni specifiche lungo l'asse, utilizza il parametro chxp
.
Infine, puoi utilizzare i parametri chxs
e chxtc
per specificare colore, dimensioni, allineamento e altre proprietà delle etichette degli assi sia personalizzati che numerici.
Nota sui valori
stringa: nelle stringhe di etichetta sono consentiti solo
caratteri sicuri per URL. Per sicurezza, devi codificare nell'URL tutte le stringhe contenenti caratteri non inclusi nel set di caratteri 0-9a-zA-Z
.
Puoi trovare un codificatore di URL nella documentazione
di visualizzazione Google.
Questa sezione tratta i seguenti argomenti:
- Assi visibili (
chxt
): quali assi visualizzare. - Intervallo assi (
chxr
): intervallo di valori per ogni asse. - Etichette asse personalizzate (
chxl
): valori personalizzati da visualizzare sull'asse. - Posizioni etichetta asse (
chxp
): posizionamento di etichette personalizzate su ciascun asse. - Stili etichette asse (
chxs
): - Colore, dimensioni, allineamento e formattazione delle etichette degli assi. - Stili del segno di graduazione asse (
chxtc
): la lunghezza dei segni di graduazione per un asse specifico.
Assi visibili chxt
I grafici a barre, a linee, radar e a dispersione mostrano per impostazione predefinita una o due linee dell'asse, che però non includono valori.
Per visualizzare i valori sulle linee degli assi o per modificare gli assi visualizzati, devi
utilizzare il parametro chxt
.
Per impostazione predefinita, i valori degli assi sono compresi nell'intervallo 0-100, a meno che non li scali in modo esplicito utilizzando la proprietà chxr
. Per nascondere tutte le linee degli assi in un grafico a linee, specifica :nda
dopo
il valore del tipo di grafico nel parametro cht
(esempio: cht=lc:nda
).
Per impostazione predefinita, gli assi superiore e inferiore non mostrano segni di graduazione in base ai valori, mentre
gli assi sinistro e destro li mostrano. Puoi modificare questo comportamento utilizzando il parametro chxs
.
Sintassi
chxt= <axis_1> ,..., <axis_n>
- <axis>
- Un asse da mostrare nel grafico. Gli assi disponibili sono:
x
: Asse X inferioret
- Asse X superiore [non supportato da Google-o-Meter]y
- Asse Y sinistror
- Asse Y destro [non supportato da Google-o-Meter]
Puoi specificare più assi dello stesso tipo,
ad esempio: cht=x,x,y
. In questo modo, verranno impilati due insiemi di assi x lungo la parte inferiore del grafico. Questo è utile quando aggiungi etichette personalizzate lungo un asse che mostra valori numerici (vedi l'esempio di seguito). Gli assi vengono disegnati dall'interno verso l'esterno, quindi se hai x,x
, la prima x si riferisce alla copia più interna, la x successiva alla copia esterna successiva e così via.
Esempi
Descrizione | Esempio |
---|---|
Questo esempio mostra un grafico a linee con un asse x, asse y, asse superiore (t) e asse destro (r). Poiché non sono specificate etichette, il grafico mostra un intervallo predefinito da 0 a 100 per tutti gli assi. Tieni presente che, per impostazione predefinita, gli assi superiore e inferiore non mostrano segni di graduazione accanto alle etichette. |
|
Puoi includere più insiemi di etichette per ciascun asse includendo lo stesso valore più volte. Questo esempio mostra due insiemi di assi x e due di assi y. Questa operazione non è particolarmente utile quando si utilizzano solo le etichette predefinite dell'asse, come mostrato qui. Tuttavia, puoi specificare etichette personalizzate per ogni copia
di ogni asse utilizzando il parametro chxl . |
<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x1" translate,ty=200x1" <img <code="" dir="ltr" src="/static/chart/image/images/chart_42.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x1 : |
Questo esempio mostra un grafico a barre orizzontali con un asse X, un asse Y, un asse T superiore e un asse r destro. Le etichette degli assi vengono omesse, pertanto l'API Chart mostra un intervallo da 0 a 100 per l'asse x e l'asse t. L'intervallo per gli assi y e r è determinato dal numero di barre. In questo caso, ci sono cinque barre, quindi l'API Chart mostra un intervallo da 0 a 4. La prima etichetta è centrata alla base della prima barra, la seconda centrata alla base della seconda barra e così via. |
|
Puoi eliminare gli assi predefiniti in un grafico a linee specificando :nda dopo
il tipo di grafico. |
cht=lc:nda |
Intervallo assi chxr
Puoi specificare l'intervallo di valori visualizzati su ogni asse in modo indipendente utilizzando il parametro chxr. Tieni presente che questa opzione non modifica la scala degli elementi del grafico, ma solo la scala delle etichette degli assi. Se vuoi che i numeri degli assi descrivano i valori effettivi dei dati, imposta <start_val> e <end_val> sui valori minimo e superiore dell'intervallo del formato dei dati, rispettivamente. Per ulteriori informazioni, consulta Scalabilità asse.
Per specificare l'intervallo, devi rendere visibile un asse utilizzando il parametro chxt
.
Per specificare valori personalizzati dell'asse, utilizza il parametro chxl
.
Sintassi
Separa gli intervalli di etichette di più assi utilizzando il carattere barra verticale ( |
).
chxr= <axis_index>,<start_val>,<end_val>,<opt_step> |...| <axis_index>,<start_val>,<end_val>,<opt_step>
- <indice_asse>
- A quale asse applicare le etichette. Questo
è un indice in base zero nell'array dell'asse specificato da
chxt
. Ad esempio, l'asse r sarebbe 1 inchxt=x,r,y
. - <start_val>
- Un numero che definisce il valore basso per questo asse.
- <end_val>
- Un numero che definisce il valore alto di questo asse.
- <opt_step>
- [Facoltativo] Il passaggio di conteggio tra i segni di graduazione sull'asse. Non esiste un valore di passaggio predefinito; il passaggio viene calcolato per provare a mostrare un insieme di etichette ben distanziate.
Esempi
Descrizione | Esempio |
---|---|
Questo esempio mostra gli assi Y sinistro e destro ( Ogni asse ha un intervallo definito. Poiché non vengono specificate etichette o posizioni, i valori vengono recuperati dall'intervallo specificato e sono distribuiti uniformemente all'interno di questo intervallo. Nel grafico a linee, i valori sono distribuiti uniformemente lungo l'asse x. La direzione dell'asse è invertita per l'asse r (indice |
|
In questo esempio, i valori sono specificati per l'asse x. Le etichette dell'asse sono distribuite in modo uniforme lungo l'asse. Il valore cinque ( |
|
Etichette asse personalizzate chxl
Puoi specificare etichette personalizzate dell'asse stringa su qualsiasi
asse utilizzando il parametro chxl
. Puoi specificare tutte le etichette che vuoi. Se visualizzi un asse (utilizzando il parametro chxt
)
e non specifichi etichette personalizzate, verranno applicate le etichette numeriche standard.
Per specificare un intervallo numerico personalizzato, utilizza invece il parametro chxr
.
Per impostare posizioni specifiche lungo l'asse per le etichette, utilizza il parametro chxp
.
Sintassi
Specifica un set di parametri per ogni asse a cui vuoi applicare l'etichetta. Separa più insiemi di etichette utilizzando una barra verticale
(|
).
chxl= <axis_index>:|<label_1>|...|<label_n> |...| <axis_index>:|<label_1>|...|<label_n>
- <indice_asse>
- A quale asse applicare le etichette. Questo è un indice nell'array di parametri
chxt
. Ad esempio, se haichxt=x,x,y,y
, indice 0 è il primo asse x e 1 è il secondo asse x. - <label_1>| ... |<etichetta_n>
- Una o più etichette da posizionare lungo questo
asse. Può trattarsi di valori di stringa o numeri; le stringhe non devono necessariamente essere racchiuse tra virgolette. L'etichetta label_1 viene visualizzata nella posizione più bassa dell'asse, mentre label_n viene visualizzata nella posizione più alta. Le etichette aggiuntive sono distribuite uniformemente tra loro.
Indica gli spazi con un segno +. Non è possibile specificare un'interruzione di riga in un'etichetta. Separa le etichette con una barra verticale. Nota: non inserire una barra verticale dopo l'etichetta finale nel parametro
chxl
.
Esempi
Descrizione | Esempio |
---|---|
Questo grafico mostra come aggiungere etichette personalizzate a due assi. Tieni presente che i valori sono distribuiti uniformemente e che l'ultimo valore |
chxt=x,y |
Questo esempio include le etichette degli assi sugli assi Y sinistro e destro ( |
|
Questo esempio include le etichette degli assi sugli assi Y sinistro e destro
( Questo esempio utilizza i valori predefiniti per le etichette dell'asse sull'asse Y sinistro. |
|
Se vuoi aggiungere un'etichetta generica per descrivere un intero
asse (ad esempio, per etichettare un asse
"costo" e un altro "studente"), utilizza la proprietà |
chxt=x,x,y,y |
Posizioni etichetta asse chxp
Puoi specificare quali etichette dell'asse mostrare, utilizzando le etichette predefinite o le etichette personalizzate specificate mediante chxl
. Se non specifichi posizioni esatte utilizzando questo parametro, le etichette verranno distanziate in modo uniforme e in base a un valore di incremento predefinito lungo gli assi. Se non specifichi chxl
,
le etichette dei segni di spunta saranno i valori predefiniti (in genere valori dei dati o
i numeri a barre nei grafici a barre).
Sintassi
Separa più set di posizionamento
utilizzando una barra verticale (|
).
chxp= <axis_1_index>,<label_1_position>,...,<label_n_position> |...| <axis_m_index>,<label_1_position>,...,<label_n_position>
- <indice_asse>
- L'asse per il quale
stai specificando le posizioni. Questo è un indice nell'array di parametri
chxt
. Ad esempio, se haichxt=x,x,y,y
, indice 0 è il primo asse x, 1 è il secondo asse x e così via. - <label_1_position>,...,<label_n_position>
- La posizione dell'etichetta lungo l'asse. Si tratta di un elenco di valori numerici separati da virgole, in cui ogni valore imposta la posizione dell'etichetta corrispondente nell'array
chxl
: la prima voce si applica alla prima etichetta e così via. La posizione è un valore nell'intervallo di quell'asse. Tieni presente che il valore sarà sempre compreso tra 0 e 100, a meno che tu non abbia specificato un intervallo personalizzato utilizzandochxr
. Devi avere tante posizioni quante sono le etichette per quell'asse.
Esempi
Descrizione | Esempio |
---|---|
Questo esempio include le etichette dell'asse R in posizioni specificate nel grafico. Il testo dell'etichetta viene specificato utilizzando il parametro Le etichette con una posizione specificata di Le etichette con una posizione specificata di |
|
Questo esempio mostra i valori predefiniti delle etichette, ma solo in località specificate.
|
chxt=x,y
chxt=x,y chxp non specificato |
Stili etichette asse chxs
Puoi specificare dimensioni del carattere, colore e allineamento per le etichette degli assi, sia le etichette personalizzate che i valori predefiniti delle etichette. Tutte le etichette sullo stesso asse hanno lo stesso formato. Se disponi di più copie di un asse, puoi formattarle in modo diverso. Puoi anche specificare il formato di una stringa di etichetta, ad esempio per mostrare simboli di valuta o zeri finali.
Per impostazione predefinita, gli assi superiore e inferiore non mostrano segni di graduazione in base ai valori, mentre gli assi sinistro e destro li mostrano.
Sintassi
I valori per più assi devono essere separati
con una barra verticale (|
).
chxs= <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color> |...| <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
- <axis_index>
- L'asse a cui si applica. Questo
è un indice in base zero nel parametro
chxt
. - <opt_format_string>
- [Facoltativo] Si tratta di una stringa di formato opzionale che, se utilizzata, segue
il numero di indice dell'asse senza una virgola intermedia. Inizia con una lettera N seguita dai seguenti valori, tutti facoltativi:
N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Ecco il significato di ogni elemento:<preceding_text>
: testo letterale precedente a ogni valore.*...*
: un blocco facoltativo racchiuso in asterischi letterali, in cui puoi specificare i dettagli di formattazione per i numeri. I seguenti valori sono supportati e sono tutti facoltativi:<number_type>
: il formato numerico per i valori numerici. Scegli una delle seguenti opzioni:f
: [predefinito] formato con virgola mobile. Ti consigliamo di specificare la precisione anche con il valore <decimal_places>.p
: formato percentuale. Viene aggiunto automaticamente un segno %. Nota: quando utilizzi questo formato, i valori dei dati compresi tra 0,0 e 1,0 vengono mappati a 0-100% (ad esempio, 0,43 viene mostrato come 43%).e
: formato di notazione scientifica.c<CUR>
: formatta il numero nella valuta specificata, con l'indicatore di valuta appropriato. Sostituisci<CUR>
con un codice valuta di tre lettere. Esempio:cEUR
per l'euro. Puoi trovare un elenco di codici sul sito web ISO, anche se non tutti i simboli sono supportati.
<decimal_places>
: un numero intero che specifica il numero di cifre decimali da mostrare. Il valore è arrotondato (non troncato) a questa lunghezza. Il valore predefinito è 2.z
: vengono visualizzati gli zero finali. Il valore predefinito è no.s
: consente di visualizzare i separatori dei gruppi. Il valore predefinito è no.x
oy
: visualizza i dati della coordinata x o y, come specificato. Il significato dei dati x varia in base al tipo di grafico: prova a utilizzare il grafico per determinarne il significato. Il valore predefinito è "y".
<following_text>
: testo letterale da seguire ogni valore.
- <opt_label_color>
- Il colore da applicare al testo dell'asse (ma non alla linea dell'asse), in formato RRGGBB esadecimale. Il colore della linea dell'asse viene specificato separatamente utilizzando opt_axis_color. Il valore predefinito è grigio.
- <opt_font_size>
- [Facoltativo] specifica la dimensione del carattere in pixel. Questo parametro è facoltativo.
- <opt_alignment>
- [Facoltativo] Allineamento delle etichette. Per gli assi superiore o inferiore, descrive il modo in cui l'etichetta si allinea al segno di spunta sopra o sotto; per l'asse sinistro o destro, descrive l'allineamento all'interno del riquadro di delimitazione, che tocca l'asse. Specifica uno dei seguenti numeri:
-1
- In alto o in basso: le etichette si trovano a destra dei segni di graduazione; A sinistra o a destra: le etichette sono allineate a sinistra nella relativa area. Valore predefinito per le etichette dell'asse R.0
- In alto o in basso: le etichette sono centrate sui segni di graduazione; A sinistra o a destra: le etichette sono centrate nella rispettiva area. Valore predefinito per le etichette degli assi X e T.1
- In alto o in basso: le etichette si trovano a sinistra dei segni di graduazione; A sinistra o a destra: le etichette sono allineate a destra nella relativa area. Valore predefinito per le etichette dell'asse Y.
- <opt_axis_or_tick>
- [Facoltativo; non supportato in Google-o-meter] Indica se mostrare o meno segni di graduazione e/o le linee dell'asse per questo asse. I segni di graduazione e le linee degli assi sono disponibili solo per gli assi più interni (ad esempio, non sono supportati per i due assi x esterni). Utilizza uno dei seguenti valori:
l
("L" minuscola): consente di tracciare solo la linea dell'asse.t
: traccia solo segni di graduazione. I segni di graduazione sono le piccole linee accanto alle etichette degli assi.lt
- [Predefinito] Traccia sia una linea dell'asse sia i segni di graduazione per tutte le etichette._
: (trattino basso): non traccia la linea dell'asse né i segni di graduazione. Se vuoi nascondere una linea dell'asse, utilizza questo valore.
- <tick_color>
- [Facoltativo; non supportato in Google-o-meter] Il colore del segno di spunta, nel formato RRGGBB esadecimale. Il valore predefinito è grigio.
- <opt_axis_color>
- [Facoltativo] Il colore della linea dell'asse, nel formato esadecimale RRGGBB. Il valore predefinito è grigio.
Esempi
Descrizione | Esempio |
---|---|
Le dimensioni e il colore dei caratteri sono specificati per il secondo asse X (gennaio, febbraio, marzo). |
|
La dimensione, il colore e l'allineamento del carattere vengono specificati per l'asse Y destro. Vengono tracciati segni di graduazione, ma non una linea dell'asse. |
|
Questo grafico include tre set di dati e mostra tre set di etichette degli assi, una per serie. Ogni insieme di etichette viene formattato utilizzando una stringa di formattazione personalizzata, come descritto qui:
Gli intervalli delle etichette dell'asse vengono impostati utilizzando il parametro |
chd=s: |
Stili del segno di graduazione asse chxtc
Puoi specificare segni di graduazione lunghi per assi specifici. In genere viene utilizzato per estendere un segno di spunta per tutta la lunghezza di un grafico. Utilizza il parametro chxs
per
modificare il colore del segno di spunta.
Separa i valori di più assi utilizzando una barra verticale (|
). I valori all'interno di una serie devono essere separati da una virgola.
Sintassi
chxtc= <axis_index_1>,<tick_length_1>,...,<tick_length_n> |...| <axis_index_m>,<tick_length_1>,...,<tick_length_n>
- <axis_index>
- L'asse a cui si applica. Questo è un indice in base zero all'interno del parametro
chxt
. Separa i valori per assi diversi utilizzando un delimitatore a barre. - <tick_length_1>,...,<tick_length_n>
- Lunghezza in pixel dei segni di graduazione su quell'asse. Se viene specificato un singolo valore, questo verrà applicato a tutti i valori; se viene specificato più di un valore, i segni di spunta dell'asse verranno visualizzati a rotazione nell'elenco dei valori per quell'asse. I valori positivi vengono tracciati all'esterno dell'area del grafico e ritagliati dai bordi del grafico. Il valore positivo massimo è 25. I valori negativi vengono disegnati all'interno dell'area del grafico e ritagliati dai bordi dell'area del grafico.
Esempi
Descrizione | Esempio |
---|---|
Esempio di utilizzo di
|
|
Questo grafico mostra segni di graduazione di lunghezza alternata. chxtc specifica
due valori di lunghezza dei segni di graduazione per l'asse y (5 e 15) e i segni di graduazione disegnati
sul grafico si alternano tra i due valori. |
chxt=x,y |
Riempimento dello sfondo chf
[Tutti
i grafici]
Puoi specificare i colori e gli stili di riempimento per l'area dei dati del grafico e/o l'intero sfondo del grafico. I tipi di riempimento includono riempimenti a tinta unita, riempimenti a strisce e gradienti.
Puoi specificare riempimenti diversi per aree diverse (ad esempio, l'intera area del grafico o solo l'area dei dati). Il riempimento dell'area del grafico sovrascrive il riempimento dello sfondo. Tutti i riempimenti vengono specificati utilizzando il parametro chf
e puoi mescolare diversi tipi di riempimento (solidi, strisce, gradienti) nello stesso grafico separando i valori con una barra verticale ( | ). I riempimenti dell'area del grafico sovrascrivono i riempimenti dello sfondo del grafico.
Riempimento continuo chf
[Tutti
i grafici]
Puoi specificare un riempimento a tinta unita per lo sfondo e/o l'area del grafico oppure assegnare un valore di trasparenza all'intero grafico. Puoi specificare più riempimenti utilizzando il carattere barra verticale (|
). (solo per Maps: solo sfondo).
Sintassi
chf=<fill_type>,s,<color>|...
- <fill_type>
- La parte del grafico compilata. Specifica uno dei seguenti valori:
bg
- Riempimento sfondoc
: riempimento dell'area del grafico. Non supportato per i grafici a mappa.a
: rendi trasparente l'intero grafico (inclusi gli sfondi). Le prime sei cifre di<color>
vengono ignorate e solo le ultime due (il valore di trasparenza) vengono applicate all'intero grafico e a tutti i riempimenti.b<index>
: riempimenti solidi a barre (solo grafici a barre). Sostituisci <index> con l'indice della serie delle barre per riempire con un colore a tinta unita. L'effetto è simile alla specificachco
in un grafico a barre. Per un esempio, consulta Colori delle serie dei grafici a barre.
- s
- Indica un riempimento in tinta unita o trasparente.
- <color>
- Il colore di riempimento, nel formato esadecimale RRGGBB. Per le trasparenze, le prime sei cifre vengono ignorate, ma devono essere comunque incluse.
Esempi
Descrizione | Esempio |
---|---|
Questo esempio riempie lo sfondo del grafico con il colore grigio chiaro ( |
|
Questo esempio riempie lo sfondo del grafico con il colore grigio chiaro ( |
|
Questo esempio applica una trasparenza del 50% all'intero grafico (80 in esadecimale corrisponde a 128 o una trasparenza del 50% circa). Osserva lo sfondo delle celle della tabella, mostrato attraverso il grafico. |
|
Riempimento della sfumatura chf
[Line,
Bar, Google-o-meter, Radar, Scatter,Venn]
Puoi applicare uno o più riempimenti sfumati ad aree del grafico o sfondi. I riempimenti sfumatura sono dissolvenze da un colore a un altro. (Grafici a torta, Google-o-meter: solo sfondo).
Ogni riempimento sfumato specifica un angolo, seguito da due o più colori ancorati a una posizione specificata. Il colore varia in base al passaggio da un ancoraggio all'altro. Devi avere almeno due colori con valori <color_centerpoint> diversi, in modo che uno possa sfocare nell'altro. Ogni sfumatura aggiuntiva è specificata da una coppia <color>,<color_centerpoint>.
Sintassi
chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- <fill_type>
- L'area del grafico da riempire. Uno dei seguenti valori:
bg
- Riempimento sfondoc
: riempimento dell'area del grafico.b<index>
: riempimenti sfumati a barre (solo grafici a barre). Sostituisci <index> con l'indice della serie delle barre per riempire con un gradiente. Per un esempio, consulta Colori delle serie dei grafici a barre.
- lg
- Specifica un riempimento sfumato.
- <angolo>
- Un numero che specifica l'angolo del gradiente da 0 (orizzontale) a 90 (verticale).
- <color>
- Il colore del riempimento, in formato esadecimale RRGGBB.
- <color_centerpoint>
- Specifica il punto di ancoraggio per il colore. Il colore inizierà a sbiadire da questo punto man mano che si avvicina a un altro ancoraggio. L'intervallo di valori va da 0,0 (bordo inferiore o sinistro) a 1,0 (bordo superiore o destro), inclinato in base all'angolo specificato da <angolo>.
Esempi
Descrizione | Esempio |
---|---|
L'area del grafico ha un gradiente lineare orizzontale, specificato
con un angolo di zero gradi ( I colori sono il pesca ( Lo sfondo del grafico è disegnato in grigio ( |
|
L'area del grafico ha un gradiente lineare diagonale (dal basso a sinistra verso l'alto a destra)
specificato con un angolo di quarantacinque gradi ( La pesca ( Il blu ( Lo sfondo del grafico è disegnato in grigio ( |
|
L'area del grafico ha un gradiente lineare verticale (dall'alto in basso),
specificato con un angolo di novanta gradi ( Il blu ( La pesca ( Lo sfondo del grafico è disegnato in grigio ( |
|
Riempimenti a righe chf
[Linea,
barra, Google-o-meter, Radar, dispersione, Venn]
Puoi specificare un riempimento dello sfondo a strisce per l'area del grafico o per l'intero grafico. (Grafici a torta, Google-o-meter: solo sfondo).
Sintassi
chf= <fill_type>,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- <fill_type>
- L'area del grafico da riempire. Uno dei seguenti valori:
bg
- Riempimento sfondoc
- Riempimento dell'area del graficob<index>
: riempimenti a barre (solo grafici a barre). Sostituisci <indice> con l'indice della serie delle barre per riempire con le strisce. Per un esempio, vedi Colori delle serie dei grafici a barre.
- ls
- Specifica il riempimento a strisce lineari.
- <angolo>
- L'angolo di tutte le strisce rispetto all'asse y. Usa
0
per le strisce verticali o90
per le strisce orizzontali. - <color>
- Il colore di questa striscia, nel formato esadecimale RRGGBB. Ripeti <color> e <width> per ogni striscia aggiuntiva. Devi avere almeno due strisce. Le strisce si alternano finché il grafico non è pieno.
- <width>
- La larghezza di questa striscia, da
0
a1
, dove1
è la larghezza intera del grafico. Le strisce vengono ripetute finché il grafico non si riempie. Ripeti i valori <color> e <width> per ogni striscia aggiuntiva. Devi avere almeno due strisce. Le strisce si alternano finché il grafico non è pieno.
Esempi
Descrizione | Esempio |
---|---|
|
chf= |
|
chf= |
Linee della griglia chg
[Linea,
barra, radar, dispersione]
Puoi specificare linee della griglia continue o tratteggiate
sul grafico utilizzando il parametro chg
.
Questo parametro non consente di specificare lo spessore o il colore delle linee. Per
altri modi per creare linee nel grafico, consulta gli indicatori
di forma (chm
digita h, H, v o V), gli indicatori di
intervallo (chm
) e i segni di graduazione asse (chxtc
).
Sintassi
chg= <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>
- <x_axis_step_size>, <y_axis_step_size>
- Utilizzato per calcolare quante linee della griglia x o y mostrare sul grafico. 100 / step_size = quante linee della griglia sul grafico. Pertanto: 20,25 significherebbe 5 linee della griglia verticali e 4 linee della griglia orizzontali.
- <opt_dash_length>, <opt_space_length>
- [Facoltativo] Utilizzato per definire le linee della griglia tratteggiate. Il primo parametro è la lunghezza di ogni linea, in pixel. Il secondo parametro è la spaziatura tra i trattini, in pixel. Specifica 0 per <opt_space_length> per una linea continua. I valori predefiniti sono 4,1.
- <opt_x_offset>,<opt_y_offset>
- [Facoltativo] Il numero di unità, in base alla scala del grafico, per offset rispettivamente le linee della griglia x e y. Possono essere valori positivi o negativi. Se specifichi questo valore, devi specificare anche tutti i valori precedenti. I valori predefiniti sono 0,0.
Esempi
Descrizione | Esempio |
---|---|
Questi esempi utilizzano solo i parametri |
chg=20,50 chg=20,50 |
Questo esempio utilizza spazi più ampi per visualizzare linee della griglia
più chiare ( |
|
Per visualizzare linee continue della griglia, specifica uno zero ( Questo grafico specifica anche un offset dell'asse X pari a 10. |
chg=20,50,1,0,10 |
Questo grafico mostra un offset dell'asse X pari a 10 e un offset dell'asse Y pari a 20. |
chg=20,50,3,3,10,20 |
Indicatori icona dinamici chem
[Barra, Linea,
Radar, Dispersione]
Crea il grafico e specifica una o più icone dinamiche come valori chem. La sintassi di chem
è la seguente. Tutti gli elementi in viola, delimitati da punto e virgola, sono facoltativi e possono essere omessi del tutto nell'URL. Puoi includere più indicatori inserendo più stringhe di sintassi delimitate da un carattere |. Per ulteriori informazioni sulle icone dinamiche, consulta la pagina delle icone dinamiche.
Puoi anche incorporare un grafico all'interno di un altro grafico utilizzandolo come icona dinamica. Consulta la sottosezione Grafici incorporati di seguito.
chem= y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
|...| y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
- s=<icon_string_constant>
- Una costante dell'indicatore di stringa per un'icona dinamica, dalla pagina dell'icona dinamica. Questa costante è quasi uguale al parametro
chst
per le icone indipendenti. Tuttavia, nel punto in cui la stringa dell'icona freestanding inizia con "d_", devi rimuovere quel prefisso per ottenere l'equivalente indicatore dinamico dell'icona. Esempio: icona freestanding:d_bubble_icon_text_small
; indicatore icona dinamica equivalente:bubble_icon_text_small
. - d=<marker_data_string>
- I dati richiesti per questo particolare tipo di indicatore. Contiene la stessa stringa che verrebbe utilizzata in un parametro
chld
per un'icona freestanding equivalente, tranne che tutti i delimitatori | devono essere sostituiti con virgole (ricorda di utilizzare le virgole al posto degli indicatori barra verticale per il testo multilinea). Tieni presente che all'interno della stringa di dati devi eseguire l'escape dei seguenti caratteri con un segno @: barra verticale ( | ) , at ( @ ) , uguale a ( = ), virgola ( , ), punto e virgola ( ; ). Esempi:hello@,+world
,5@@10+cents+each
. - ds=<which_series>
- [Facoltativo] L'indice in base zero della serie di dati a cui appartiene l'indicatore. Il valore predefinito è 0.
- dp=<which_points>
- [Facoltativo] Specifica i punti dati utilizzati per tracciare gli indicatori. Il valore predefinito è 0 (primo punto della serie). Utilizza uno dei seguenti formati:
n.d
: il punto dati su cui disegnare l'indicatore, dove n.d è l'indice in base zero nella serie. Se specifichi un valore non intero, la frazione indica un punto intermedio calcolato. Ad esempio, 3,5 significa a metà strada tra il punto 3 e il punto 4.range,<start>,<end>,<step>
: disegna un indicatore su ogni punto dati del passaggio in un intervallo compreso tra start e end. L'inizio e la fine sono valori di indice e possono essere numeri a virgola mobile per indicare i valori intermedi. Tutti i valori sono facoltativi; i valori predefiniti sono: start=0, end=last item, passaggio=1. Se salti un valore, devi comunque includere eventuali virgole intermedie, ma non includere virgole finali vuote. Esempi:dp=range,0,4
disegna un indicatore sugli elementi da 0 a 4;dp=range,5,10,2
disegna un indicatore sugli elementi 5, 7 e 9;dp=range,2
disegna punti dal terzo punto in poi;dp=range,3,,1.5
disegna indicatori ogni 1, 5 punti dati dal quarto all'ultimo elemento.all
: disegna un indicatore su ogni elemento. Equivale arange,0,end_index
. Esempio:dp=all
every,n
- Disegna un indicatore su ogni n° indicatore. Esempio:dp=every,2
disegna un indicatore sugli elementi 0, 2 e 4.
- py=<z_order>
- [Facoltativo] Il livello su cui disegnare l'indicatore rispetto ad altri indicatori e a tutti gli altri elementi del grafico. Si tratta di un numero in virgola mobile compreso tra -1,0 e 1,0 inclusi, dove -1,0 è la parte inferiore e 1,0 è la parte superiore. Gli elementi del grafico (linee e barre) sono appena sotto lo zero. Se due indicatori hanno lo stesso valore, vengono tracciati nell'ordine indicato dall'URL. Il valore predefinito è 0,0 (appena sopra gli elementi del grafico).
- po=<x,y>
- [Facoltativo] Una posizione assoluta sul grafico in cui tracciare l'indicatore. x e y sono due numeri con virgola mobile, dove 0,0, 0,0 è l'angolo in basso a sinistra e 1,0, 1,0 è l'angolo in alto a destra.
- of=<x_offset,y_offset>
- [Facoltativo] Un numero di pixel per spostare l'icona dalla sua posizione normale. x_offset e y_offset sono numeri interi positivi o negativi. È importante specificare questo valore in un'icona dinamica incorporata, perché l'indicatore sarà centrato verticalmente e orizzontalmente sul punto, il che significa che il punto probabilmente non sarà allineato all'indicatore di dati. Un buon offset per un segnaposto verticale è
of=0,22
; un buon offset per un segnaposto inclinato èof=-12,20
oof=12,20
a seconda della direzione dell'inclinazione, ma potrebbe essere necessario sperimentare. Il valore predefinito è 0,0.
Esempi
Descrizione | Esempio |
---|---|
Ecco alcuni esempi della stessa icona dinamica creata come immagine indipendente e utilizzata come indicatore in un grafico a linee.
Grafico 1: Grafico 2: |
|
Tieni presente che un indicatore icona dinamico verrà centrato sul punto orizzontalmente e verticalmente. Pertanto, se utilizzi un'icona dinamica con la coda, quest'ultima non si troverà nel punto del grafico, ma lo sarà il centro dell'indicatore. Il primo grafico centra l'indicatore sul punto dati 3, che in realtà posiziona la coda un po' a destra del segno sulla linea. Il secondo grafico utilizza il valore |
chem=y;
chem=y; |
Per includere più icone dinamiche, ripeti la stringa di sintassi, delimitata da un carattere |. Questo esempio mostra un intervallo e due singoli indicatori. Nota come i piedini verticali hanno un offset di 0,22 e il perno inclinato ha un offset di 12,20 per allineare i punti dei pin alla serie che descrivono. |
chem= |
Questo mostra un indicatore di testo su più righe. L'indicatore deve essere sfalsato dopo l'aggiunta del testo, poiché la bolla si ridimensiona per adattarsi al testo e, di conseguenza, viene centrato nuovamente sul grafico. Tieni presente come le nuove righe nel testo
sono indicate da virgole nella stringa di dati d . |
chem=y; |
Grafici incorporati
Puoi incorporare un grafico all'interno di un altro utilizzando la sintassi dinamica delle icone.
Gli indicatori di grafico incorporati sono di due tipi: i grafici incorporati all'interno di una bolla e quelli senza bolle. Ecco alcuni esempi:
Grafico con bolle |
Grafico senza fumetto |
Di seguito sono riportate le specifiche dei parametri s=<icon_string_constant>;d=<marker_data_string>
, sia per i grafici non a bolle sia per quelli incorporati (i parametri descritti in precedenza non sono descritti di nuovo qui):
Sintassi
Non-bubble: chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset> Bubble: chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>
- alignment_string
- [Solo senza bolle] Quale parte del grafico incorporato senza bolle è bloccata sul punto dati. Scegli una delle costanti stringa a due lettere nel seguente diagramma:
- chart_data
- I dati per il grafico incorporato. Questo è tutto ciò che si trova dopo
https://chart.googleapis.com/chart?
nell'URL del grafico da incorporare. Utilizza lo strumento di seguito o segui le regole elencate sotto. - frame_type
- [Solo fumetto] Una delle costanti di stile del frame dinamiche.
- spaziatura interna
- [Solo bolla] Spaziatura interna nella bolla, in pixel.
- frame_color
- [Solo fumetto] Il colore del frame, sotto forma di stringa di colore HTML a sei cifre senza il simbolo #. Esempio:
FF00FF
. - fill_color
- [Solo fumetto] Colore di riempimento dei fumetti, sotto forma di stringa di colore HTML
a sei cifre senza il simbolo #. Esempio:
FF00FF
.
Dati dei grafici incorporati
Utilizza il seguente strumento di conversione per generare la stringa del grafico oppure genera la stringa del grafico manualmente seguendo le regole specificate dopo lo strumento.
Regole per la conversione manuale
1. Innanzitutto, sostituisci tutti i seguenti caratteri nelle coppie di parametri e valori con i seguenti valori, nell'ordine mostrato:
Sostituisci | Con questo |
---|---|
%7C o %7c |
| |
@ |
@@ |
% |
25% |
, |
@, |
| |
@| |
; |
@; |
& |
%26 |
= |
%3 g |
2. Poi sostituisci tutti i valori &
e =
nelle coppie parameter1=value1¶meter2=value2...
con virgole.
Indicatori di forma chm
[Barra, Linea,
radar, dispersione]
Puoi specificare indicatori grafici per
tutti i punti dati o per singoli punti dati in un grafico. Se due o più indicatori occupano lo stesso punto, gli indicatori vengono tracciati nell'ordine in cui sono visualizzati nel parametro chm
.
Puoi anche creare indicatori di testo sui punti dati, trattati nella sezione Indicatori
di punto dati.
Puoi combinare gli indicatori di forma con qualsiasi altro parametro chm
utilizzando una barra verticale ( |
) per separare i parametri chm
.
Sintassi
Specifica un insieme dei seguenti parametri per ogni serie da contrassegnare. Per contrassegnare più serie, crea set di parametri aggiuntivi, delimitati da una barra verticale. Non è necessario eseguire il markup di tutte le serie. Se non assegni indicatori a una serie di dati, questa non riceverà alcun indicatore.
Gli indicatori di forma si comportano in modo leggermente diverso nei grafici a dispersione. Per saperne di più, consulta la documentazione.
chm= [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset> |...| [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
- @
- [Facoltativo] Se anteponi il carattere @ facoltativo al tipo di indicatore, <opt_what_points> deve utilizzare il formato x:y.
- <indicatore_type>
- Il tipo di indicatore da utilizzare. Specifica uno dei seguenti
tipi:
a
- Frecciac
- IncrociatoC
: rettangolo. Se un indicatore a rettangolo, devi disporre di almeno due serie di dati, in cui la serie 0 specifica il bordo inferiore e la serie 1 specifica il bordo superiore. <size> specifica la larghezza del rettangolo, in pixel.d
- DiamanteE
- Indicatore della barra di errore ( ) Per creare questo indicatore è necessario creare due serie di dati, un valore per la parte inferiore e il punto corrispondente nella seconda serie per la parte superiore. Espone inoltre una sintassi estesa <size>: line_thickness[:top_and_bottom_width] dove top_and_bottom_width è facoltativo. Vedi il seguente esempio.h
: linea orizzontale che attraversa il grafico a un'altezza specificata. L'unico formato valido per il parametro <opt_which_points> è opt_which_points.H
: linea orizzontale attraverso l'indicatore di dati specificato. Supporta una sintassi estesa <size> che ti consente di specificare una lunghezza esatta della riga: line_thickness[:length], dove :length è opzionale e per impostazione predefinita viene utilizzata la larghezza intera dell'area del grafico.o
- Cerchios
- Quadratov
: linea verticale dall'asse x al punto datiV
: linea verticale di lunghezza regolabile. Supporta una sintassi estesa del valore <size> che ti consente di specificare una lunghezza esatta della riga: line_thickness[:length], dove :length è opzionale e il valore predefinito è l'altezza intera dell'area del grafico. L'indicatore è centrato sul punto dati.x
- Una X
- <color>
- Il colore degli indicatori per questa serie, in formato esadecimale RRGGBB.
- <series_index>
- L'indice in base zero della serie di dati su cui tracciare gli indicatori. Ignorato
per gli indicatori e gli indicatori
h
che specificano la posizione in base alla posizione x/y (iniziano con il carattere @). Puoi utilizzare le serie di dati nascoste come origine degli indicatori; consulta la sezione Grafici composti per ulteriori informazioni. I grafici a barre verticali raggruppati supportano una sintassi estesa speciale per allineare gli indicatori a barre specifiche. - <opt_which_points>
- [Facoltativo] Su quali punti disegnare gli indicatori. Il valore predefinito è tutti gli indicatori. Utilizza uno dei seguenti valori:
n.d
: dove tracciare l'indicatore. Il significato dipende dal tipo di indicatore:- Tutti i tipi tranne h: il punto dati su cui disegnare l'indicatore, dove n.d è l'indice in base zero nella serie. Se specifichi un valore non intero, la frazione indica un punto intermedio calcolato. Ad esempio, 3,5 significa a metà tra il punto 3 e il punto 4.
h
: un numero da 0,0 a 1,0, dove 0,0 è la parte inferiore del grafico e 1,0 è la parte superiore del grafico.
-1
- Disegna un indicatore su tutti i punti dati. Puoi anche lasciare vuoto questo parametro per disegnare su tutti i punti dati.-n
: disegna un indicatore su ogni n° punto dati. Valore in virgola mobile; se n è minore di 1, il grafico calcolerà automaticamente punti intermedi aggiuntivi. Ad esempio, un valore di -0,5 comporta il doppio degli indicatori rispetto ai punti dati.start:end:n
: disegna un indicatore su ogni n-esimo punto dati in un intervallo, dai valori di indice start a end, inclusi. Tutti i parametri sono facoltativi (potrebbero non essere presenti), pertanto 3::1 andrebbe dal quarto all'ultimo, passaggio 1; se questo parametro viene omesso del tutto, il valore predefinito sarà first:last:1. Tutti i valori possono essere numeri in virgola mobile. start e end possono essere negativi per contare all'indietro a partire dall'ultimo valore. Se start e end sono entrambi negativi, assicurati che siano elencati con valore crescente (ad esempio, -6:-1:1). Se il valore del passaggio n è inferiore a 1, calcolerà punti dati aggiuntivi interpolando i valori dei dati forniti. I valori predefiniti sono first:last:1x:y
: disegna un indicatore in un punto x/y specifico sul grafico. Questo punto non deve necessariamente essere su una linea. Aggiungi il carattere @ prima del tipo di indicatore per utilizzare questa opzione. Specifica le coordinate come valori in virgola mobile, dove0:0
è l'angolo in basso a sinistra del grafico e1:1
è l'angolo in alto a destra del grafico. Ad esempio, per aggiungere un rombo rosso di 15 pixel al centro di un grafico, utilizza@d,FF0000,0,0.5:0.5,15
.
- <size>
- Le dimensioni dell'indicatore, espresse in pixel. La maggior parte utilizza un singolo valore numerico per questo parametro; gli indicatori V, H e S supportano la sintassi <size>[:width] dove la seconda parte facoltativa specifica la lunghezza della linea o dell'indicatore.
- <opt_z_order>
- [Facoltativo] Il livello su cui disegnare l'indicatore, rispetto ad altri indicatori e a tutti gli altri elementi del grafico. Si tratta di un numero in virgola mobile compreso tra -1,0 e 1,0 inclusi, dove -1,0 è la parte inferiore e 1,0 è la parte superiore. Gli elementi del grafico (linee e barre) sono appena inferiori a zero. Se due indicatori hanno lo stesso valore, vengono tracciati nell'ordine indicato dall'URL. Il valore predefinito è 0,0 (appena sopra gli elementi del grafico).
- <opt_offset>
- [Facoltativo] Consenti di specificare offset orizzontali e verticali dalla
posizione specificata. Di seguito è riportata la sintassi che utilizza un delimitatore ::
reserved:<horizontal_offset>:<vertical_offset>
. Se specificato, puoi includere un valore ,, vuoto nella stringa del parametrochm
per <opt_z_order>. Esempi:o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20
- prenotato - Lascia vuoto.
<horizontal_offset>
: un numero positivo o negativo che specifica l'offset orizzontale, in pixel. Facoltativo; lascia vuoto se non utilizzato.<vertical_offset>
: un numero positivo o negativo che specifica l'offset verticale, in pixel. Facoltativo; lascia vuoto se non utilizzato.
Esempi
Descrizione | Esempio |
---|---|
Ecco un esempio di diversi indicatori di forma e linea.
|
chm= |
Ecco un esempio in cui vengono utilizzati i diamanti per una serie di dati e i cerchi per l'altra. Se due o più indicatori occupano lo stesso punto, gli indicatori vengono tracciati
nell'ordine in cui sono visualizzati nel parametro |
chm= |
Ecco un grafico a linee con un indicatore su ogni secondo punto dati (-2 indica ogni altro punto). |
chd=t: |
Ecco un grafico a linee con il doppio degli indicatori rispetto ai punti dati (-0,5 significa ogni mezzo punto). | chd=t: |
Questo esempio mostra come utilizzare gli indicatori h e v
per creare linee della griglia con colori e spessore personalizzati. Il valore dell'ordine z (l'ultimo valore) è impostato su -1 in modo che le linee della griglia vengano tracciate sotto la linea di dati. |
chm= |
Questo grafico aggiunge linee di riempimento verticali a un grafico a linee:
|
chm= |
Questo esempio aggiunge una freccia e un indicatore di testo al grafico utilizzando le coordinate esatte. Il primo indicatore D è la linea della traccia sotto le barre. Il secondo indicatore è la freccia, mentre il terzo è la freccia. | chm= |
Una linea orizzontale fissata a un punto dati specifico (H )
può essere utile per mostrare valori relativi o per enfatizzare l'altezza di un
valore dei dati su un grafico. |
chm=H,FF0000,0,18,1 |
Questo grafico mostra gli indicatori che possono specificare lo spessore e la lunghezza della linea nel parametro <size>.
|
title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,2,5:30%7"chm=
|
Indicatori di testo e
valori dei dati chm
[a barre, a linee,
radar, a dispersione]
Puoi etichettare punti specifici del grafico con testo personalizzato o con versioni formattate dei dati in quel punto.
Puoi combinare qualsiasi indicatore chm
utilizzando una barra verticale ( |
) per separare gli insiemi di
parametri chm
.
Nota sui valori
stringa: nelle stringhe di etichetta sono consentiti solo
caratteri sicuri per URL. Per sicurezza, devi codificare nell'URL tutte le stringhe contenenti caratteri non inclusi nel set di caratteri 0-9a-zA-Z
.
Puoi trovare un codificatore di URL nella documentazione
di visualizzazione Google.
Sintassi
Specifica un insieme dei seguenti parametri per ogni serie da contrassegnare. Per contrassegnare più serie, crea set di parametri aggiuntivi, delimitati da una barra verticale. Non è necessario eseguire il markup di tutte le serie. Se non assegni indicatori a una serie di dati, questa non riceverà alcun indicatore.
chm= <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement> |...| <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
- <indicatore_type>
- Il tipo di indicatore da utilizzare. Puoi scegliere tra i seguenti tipi:
f<text>
: un flag contenente testo. Specifica il carattere "f", seguito da testo personalizzato con codifica URL. Per eseguire l'escape delle virgole negli indicatori di testo, anteponi un segno \ alla virgola. Esempio:fHello\,+World!
t<text>
: un semplice indicatore di testo. Specifica il carattere "t" seguito da testo personalizzato con codifica URL. Per eseguire l'escape delle virgole negli indicatori di testo, anteponi un segno \ alla virgola. Esempio:tHello\,+World!
A<text>
: un indicatore di annotazione. È simile a un indicatore, ma gli indicatori ne coordineranno la posizione in modo che non si sovrappongano. L'unico formato valido per <opt_which_points> è n.d, per indicare l'indice di un punto della serie.N<formatting_string>
: il valore dei dati in questo punto, con formattazione facoltativa. Se non utilizzi il parametrochds
(scalabilità personalizzata) viene restituito l'esatto valore codificato; se lo utilizzi con qualsiasi tipo di formato, il valore verrà ridimensionato in base all'intervallo specificato. Di seguito è riportato un esempio dichds
con indicatori numerici. Con questo tipo di indicatore in un grafico a barre in pila, se specifichi -1 per <series_index>, otterrai un indicatore che mostra la somma di tutti i valori in questa barra in pila. La sintassi della stringa di formattazione è la seguente:
<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
.
Tutti questi elementi sono facoltativi. Ecco il significato di ogni elemento:<preceding_text>
: testo che precede ogni valore.*...*
: un blocco facoltativo racchiuso in asterischi letterali, in cui puoi specificare i dettagli di formattazione per i numeri. I seguenti valori sono supportati e sono tutti facoltativi:<number_type>
: il formato numerico per i valori numerici. Scegli una delle seguenti opzioni:f
: [predefinito] formato con virgola mobile. Ti consigliamo di specificare la precisione anche con il valore <decimal_places>.p
: formato percentuale. Viene aggiunto automaticamente un segno %. Nota: quando utilizzi questo formato, i valori dei dati compresi tra 0,0 e 1,0 vengono mappati a 0-100% (ad esempio, 0,43 viene mostrato come 43%).e
: formato di notazione scientifica.c<CUR>
: formatta il numero nella valuta specificata, con l'indicatore di valuta appropriato. Sostituisci<CUR>
con un codice valuta di tre lettere. Esempio:cEUR
per euro. Puoi trovare un elenco di codici sul sito web ISO, anche se non tutti i simboli sono supportati.
<decimal_places>
: un numero intero che specifica il numero di cifre decimali da mostrare. Il valore è arrotondato (non troncato) a questa lunghezza. Il valore predefinito è 2.z
: vengono visualizzati gli zero finali. Il valore predefinito è no.s
: consente di visualizzare i separatori dei gruppi. Il valore predefinito è no.x
oy
: mostra i dati della coordinata x o y, come specificato. Il significato dei dati x varia in base al tipo di grafico: prova a utilizzare il grafico per determinarne il significato. Il valore predefinito è "y".
<following_text>
: testo da seguire ogni valore.
- <color>
- Il colore degli indicatori per questo insieme, in formato esadecimale RRGGBB.
- <series_index>
- L'indice in base zero della serie di dati su cui tracciare gli indicatori. Se si tratta di un grafico a barre in pila e il tipo di indicatore è N (valori del punto dati), puoi specificare -1 per creare un indicatore di valore sommato per ogni pila di barre. Di seguito è riportato un esempio.
- <opt_which_points>
- [Facoltativo] Su quali punti disegnare gli indicatori. L'impostazione predefinita è Tutti gli indicatori. Utilizza uno dei seguenti valori:
n.d
: il punto dati su cui disegnare l'indicatore, dove n.d è l'indice in base zero nella serie. Se specifichi un valore non intero, la frazione indica un punto intermedio calcolato. Ad esempio, 3,5 significa a metà tra il punto 3 e il punto 4.-1
- Disegna un indicatore su tutti i punti dati. Puoi anche lasciare vuoto questo parametro per disegnare su tutti i punti dati.-n
: disegna un indicatore su ogni n° punto dati.start:end:n
: disegna un indicatore su ogni n-esimo punto dati in un intervallo, dai valori dell'indice start a end, inclusi. Tutti i parametri sono facoltativi (potrebbero non essere presenti), pertanto 3::1 andrebbe dal quarto all'ultimo, passaggio 1. Se questo parametro viene omesso del tutto, il valore predefinito sarà first:last:1. Tutti i valori possono essere numeri in virgola mobile. start e end possono essere negativi per contare all'indietro a partire dall'ultimo valore. Se start e end sono entrambi negativi, assicurati che siano elencati con un valore crescente (ad esempio, -6:-1:1). Se il valore di incremento n è inferiore a 1, verranno calcolati punti dati aggiuntivi interpolando i valori dei dati forniti. I valori predefiniti sono first:last:1x:y
- [Non supportato per gli indicatori di tipo N] Disegna un indicatore in un punto x/y specifico sul grafico. Questo punto non deve necessariamente essere su una linea. Aggiungi il carattere @ (@
) prima del tipo di indicatore per utilizzare questa opzione. Specifica le coordinate come valori in virgola mobile, dove0:0
è l'angolo in basso a sinistra del grafico,0.5:0.5
è il centro del grafico e1:1
è l'angolo in alto a destra del grafico. Ad esempio, per aggiungere un rombo rosso di 15 pixel al centro di un grafico, utilizza@d,FF0000,0,0.5:0.5,15
.
- <size>
- Le dimensioni dell'indicatore in pixel. Se si tratta di un grafico a dispersione con una terza serie di dati (utilizzata per specificare le dimensioni in punti), questo valore verrà scalato dall'intervallo di dati. Quindi, se l'intervallo di dati è 0-100 e <size> è 30, un valore dei dati di 100 corrisponde a una larghezza di 30 pixel, un valore dei dati di 50 a una larghezza di 15 pixel e così via.
- <opt_z_order>
- [Facoltativo] Il livello su cui disegnare l'indicatore, rispetto ad altri indicatori e a tutti gli altri elementi del grafico. Si tratta di un numero in virgola mobile compreso tra -1,0 e 1,0 inclusi, dove -1,0 è la parte inferiore e 1,0 è la parte superiore. Gli elementi del grafico (linee e barre) sono appena inferiori a zero. Se due indicatori hanno lo stesso valore, vengono tracciati nell'ordine indicato dall'URL. Il valore predefinito è 0,0 (appena sopra gli elementi del grafico).
- <opt_placement>
- [Facoltativo] Ulteriori dettagli sul posizionamento che descrivono dove posizionare l'indicatore, rispetto al punto dati. Puoi specificare il posizionamento relativo orizzontale e/o verticale, nonché gli offset. La sintassi del posizionamento è una stringa con delimitatori : come mostrato qui. Tutti gli elementi sono facoltativi:
<horizontal_and_vertical_justification>:<horizontal_offset>:<vertical_offset>
. Se specificato, puoi includere un valore ,, vuoto nella stringa del parametrochm
per <opt_z_order>. Esempi:N,000000,0,1,10,,b
,N,000000,0,1,10,,lv
eN,000000,0,1,10,,r::10
.- horizontal_and_vertical_justification
- Il punto di ancoraggio dell'indicatore. Questo comportamento è opposto alla giustificazione, per cui un ancoraggio a sinistra posiziona l'indicatore a destra del punto dati. Puoi scegliere un giustificatore orizzontale e/o verticale dal seguente elenco:
- Posizionamento orizzontale: "l", "h" o "r": a sinistra, al centro o a destra, orizzontalmente. Il valore predefinito è "l".
- Posizionamento verticale: "b", "v", "t": in basso, al centro o in alto, verticalmente. Il valore predefinito è "b".
- Posizionamento relativo a barre [solo grafici a barre]: "s", "c", "e" - Base, centro o parte superiore di una barra. Per i grafici in pila, è relativo alla sezione della barra per ogni serie, non all'intera barra. Se l'indice della serie indicato è -1 (totale dello stack), è in relazione all'intera barra. Questa opzione può essere combinata con i valori del posizionamento verticale, ad esempio "be" o "vs". Il valore predefinito è "e".
- horizontal_offset
- Un offset orizzontale in pixel per questo indicatore. Il valore predefinito è 0.
- vertical_offset
- Un offset verticale per questo indicatore, in pixel. Valore predefinito del grafico non a barre: 15; valore predefinito del grafico a barre: 2.
Descrizione | Esempio | |
---|---|---|
Di seguito è riportato un esempio di etichette dei valori in un grafico a barre. Il primo grafico ( Il secondo grafico ( |
|
|
Puoi utilizzare il parametro Questo esempio mostra un grafico con valori con codifica semplice
pari a 46, 39, 29, 30, 43, 41. L'intervallo di codifica semplice è compreso tra 0 e 61. Il parametro |
chd=s:underp |
|
Ecco un esempio di grafico con un'etichetta di testo nel punto minimo e un'etichetta di bandiera nel punto massimo. |
|
|
Questo esempio mostra un grafico in pila con i valori delle singole serie e il totale della serie. Per mostrare i valori delle serie in pila, dobbiamo usare l'opzione di posizionamento "c". In caso contrario, il valore della barra superiore si sovrapporrebbe al valore della somma nella parte superiore di ogni barra. | chm= |
|
Alcune altre dimostrazioni sul funzionamento del posizionamento verticale e orizzontale. Questo esempio mostra varie combinazioni di valori di ancoraggio per i grafici a barre (che utilizzano s, c ed e per il posizionamento verticale). Nota come un ancoraggio a destra sposta un indicatore verso sinistra, mentre un ancoraggio in alto sposta un indicatore verso il basso e viceversa. I puntini rossi mostrano la base, il centro e la parte superiore di ogni barra. Il numero corrisponde al valore dei dati, fisso mediante valori di ancoraggio diversi per ogni barra. | chm= |
|
Gli indicatori di annotazione regolano automaticamente la posizione delle etichette in modo che non si sovrappongano. Il primo valore chm è per il riempimento della riga, i seguenti valori sono tutti indicatori di annotazione. |
chm=B,C5D4B5BB,0,0,0 |
|
Un altro esempio di indicatore di annotazione che mostra le altitudini delle città in Svizzera. |
Indicatori di intervallo chm
[a barre, a candele, a linee, a radar, a dispersione]
Puoi colorare le bande orizzontali o verticali di riempimento dello sfondo per evidenziare aree specifiche di un grafico.
Puoi combinare qualsiasi indicatore chm
utilizzando una barra verticale ( |
) per separare gli insiemi di parametri chm
.
Sintassi
Specifica un insieme dei seguenti parametri per ogni banda da tracciare. Per disegnare più gradazioni, crea insiemi di parametri aggiuntivi, delimitati da una barra verticale. Gli intervalli vengono tracciati nell'ordine specificato, quindi l'ultimo intervallo tracciato verrà tracciato sopra gli intervalli precedenti.
chm= <direction>,<color>,0,<start_point>,<end_point> |...| <direction>,<color>,0,<start_point>,<end_point>
- <direction>
- Specifica l'ombreggiatura orizzontale o verticale. Utilizza
r
per un intervallo orizzontale eR
per un intervallo verticale. - <color>
- Il colore dell'intervallo come numero esadecimale nel formato RRGGBB.
- 0
- Riservato: deve essere zero.
- <start_point>
- La posizione iniziale dell'intervallo.
- Per gli indicatori di intervallo orizzontali, si tratta di una posizione sull'asse y,
dove
0.00
è la parte inferiore del grafico e1.00
è la parte superiore del grafico. - Per gli indicatori di intervallo verticale, si tratta di una posizione sull'asse X, dove
0.00
è la sinistra del grafico e1.00
è la destra del grafico.
- <end_point>
- La posizione finale dell'intervallo.
- Per gli indicatori di intervallo orizzontali, si tratta di una posizione sull'asse y,
dove
0.00
è la parte inferiore del grafico e1.00
è la parte superiore del grafico. - Per gli indicatori di intervallo verticale, si tratta di una posizione sull'asse X, dove
0.00
è la sinistra del grafico e1.00
è la destra del grafico.
Esempi
Descrizione | Esempio |
---|---|
Gli indicatori di intervallo possono essere una linea sottile o una banda di colore.
|
|
Questo esempio mostra gli indicatori di intervallo verticale. Il primo indicatore è una linea rossa ( |
|
Gli indicatori vengono tracciati nell'ordine specificato. In questo esempio, puoi vedere che l'indicatore verticale rosso è stato disegnato prima dell'indicatore orizzontale blu chiaro. |
chm= |
Ecco un esempio di grafico a linee che utilizza gli indicatori di intervallo per disegnare deboli linee orizzontali sul grafico in corrispondenza della linea zero, della linea del punto medio e in alto. |
|
Indicatori di linea chm=D
[a barre,
a candele, a linee, a radar, a dispersione]
Puoi aggiungere una linea che traccia i dati nel grafico. Molto spesso, viene utilizzato nei grafici composti.
Per aggiungere più righe (o combinarle con altri indicatori chm
), separa gli insiemi di parametri chm utilizzando un delimitatore barra verticale ( |
). Non puoi creare un indicatore con linea tratteggiata con questo parametro.
Sintassi
chm= D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
- D
- Indica che si tratta di un indicatore di linea.
- <color>
- Il colore della linea, nel formato RRGGBB esadecimale.
- <series_index>
- L'indice della serie di dati utilizzato per tracciare la linea. L'indice della serie di dati è
0
per la prima serie di dati,1
per la seconda serie di dati e così via. - <which_points>
- Quali punti di una serie utilizzare per tracciare la linea. Utilizza uno
dei seguenti valori:
0
: utilizza tutti i punti della serie.start:end
: utilizza un intervallo specifico di punti nella serie, da start a end inclusi (indice in base zero). Puoi anche utilizzare valori in virgola mobile per specificare i punti intermedi oppure lasciare vuoti i campi start o end per indicare rispettivamente il primo o l'ultimo punto dati. start e end possono essere negativi, come indice inverso rispetto all'ultimo valore. Se start e end sono entrambi negativi, assicurati di scriverli con un valore crescente (ad esempio, -6:-1).
- <size>
- Lo spessore della linea in pixel.
- <opt_z_order>
- [Facoltativo] Il livello su cui disegnare l'indicatore, rispetto ad altri indicatori e a tutti gli altri elementi del grafico. Si tratta di un numero in virgola mobile compreso tra -1,0 e 1,0 inclusi, dove -1,0 è la parte inferiore e 1,0 è la parte superiore. Gli elementi del grafico (linee e barre) sono appena inferiori a zero. Se due indicatori hanno lo stesso valore, vengono tracciati nell'ordine indicato dall'URL. Il valore predefinito è 0,0 (appena sopra gli elementi del grafico).
Esempi
Descrizione | Esempio |
---|---|
Questo è un esempio di disegno di una linea dell'indicatore su un grafico a barre.
L'ordine z è impostato su |
chm=D,0033FF,0,0,5,1 |
Si tratta dello stesso grafico a barre, ma con una serie di dati aggiuntiva solo per la linea. Questo è un esempio di grafico composto.
I grafici composti vengono tracciati aggiungendo ulteriori serie di dati al parametro Per saperne di più, consulta la sezione Grafici composti. |
chm=D,0033FF,1,0,5,1 |
Funzioni di dati chfd
[Tutti
chd
i grafici]
Puoi specificare una funzione personalizzata da eseguire sui dati del grafico utilizzando la sintassi della funzione muParser. I dati utilizzati nella funzione possono provenire da una delle due origini seguenti:
- Una serie di dati di
chd
: i dati vengono estratti dalla serie specificata inchd
. - Un intervallo di valori dichiarato nel parametro
chfd
stesso. Dichiari un valore di avvio, arresto e passo per un intervallo di dati arbitrario.
È importante notare che in tutti i casi devi assegnare l'output a una serie esistente in chd
; questa serie verrà sovrascritta dall'output della funzione. Il grafico viene visualizzato solo dopo che tutte le funzioni sono state elaborate. Pertanto, se assegni più funzioni all'output alla stessa serie di dati, queste verranno eseguite nell'ordine specificato, ma solo l'output della funzione finale verrà tracciato sul grafico. Tieni presente che puoi concatenare le funzioni, in modo che una funzione possa prendere come input una serie generata da una funzione precedente.
Per assegnare colori o indicatori chm
a una linea della funzione, assegna i colori o gli indicatori all'indice della serie della funzione. Tieni presente che gli indicatori
vengono posizionati in base ai dati dopo che sono stati manipolati dalla funzione.
Sintassi
chfd= <output_series_index>,<function_data>,<function_string> |...| <output_series_index>,<function_data>,<function_string>
- <output_series_index>
- Indice in base zero di una serie di dati in
chd
in cui verrà scritto l'output della funzione. Tutti i dati esistenti verranno sovrascritti completamente dall'output della funzione. Se una serie non viene utilizzata come input per una funzione, la best practice consiste nell'assegnare un singolo valore fittizio alla serie. - <function_data>
- Le variabili e i dati da rappresentare graficamente. I dati possono provenire da un intervallo da te definito
o da una delle serie di dati
chd
. Puoi specificare più variabili per ogni funzione, utilizzando un delimitatore ; (punto e virgola) per più variabili. Tieni presente che se definisci più variabili per una singola funzione e tali variabili hanno un numero diverso di punti, la funzione si interrompe quando raggiunge il primo endpoint. Ad esempio, se una funzione definisce sia x=1-5 passaggio 1 sia y=1-10 passaggio 1, la funzione terminerà quando raggiunge il quinto punto.
<variable_name>,<input_series_index>
OPPURE
<variable_name>,<start>,<end>,<step>
- variable_name: un nome stringa arbitrario per la variabile. Utilizzalo nella funzione definita da function_string.
- input_series_index - L'indice di una serie di dati
chd
da utilizzare come dati di input. - start: il valore numerico iniziale di un intervallo.
- end: il valore numerico finale di un intervallo.
- step - Il valore del incremento numerico da start a end. Può essere positivo o negativo, ma non può essere zero.
x,0,100,1
dichiara una variabile denominatax
con valori 0, 1, 2, ... 100.x,0,100,1;r,0,3.1,.1
dichiara la stessa variabilex
più una variabile denominatar
con valori 0, 0,1, 0,2, ..., 3,0, 3,1.x,0
dichiara una variabile denominata x che utilizza i dati della prima seriechd
. Queste variabili verranno utilizzate da function_string. Non verranno tracciate sul grafico, a meno che non le specifichi in function_string. Più piccolo è il passo, più fluido sarà il grafico. - <function_string>
- La tua funzione, scritta con la sintassi
muParser. La funzione viene applicata alle variabili e ai dati specificati in variable_data.
Puoi fare riferimento solo alle variabili dichiarate in questo set di funzioni locali, non in un altro insieme di parametri
chfd
. Le funzioni muParser di riepilogo non sono supportate (somma minima, massima, media). IMPORTANTE: ricorda di utilizzare%2B
anziché+
nelle tue funzioni.
Esempi
Descrizione | Esempio |
---|---|
Una semplice onda sinusoidale. Alcuni aspetti da considerare:
|
cht=lc |
Questa riga utilizza i dati del parametro chd . |
chd=t:5,10 |
Un mix di linee funzionali e non funzionali. Nota come i colori sono specificati dal parametro colore serie Nota il posizionamento degli indicatori nell'output della funzione; i punti dati vengono calcolati da start, end e step, quindi se l'intervallo è compreso tra 0 e 11 (passaggio 0,1), il punto 0 è 0, il punto 1 è 0,1 e così via, fino al punto 110, che ha un valore pari a 11. |
chd=t: |
Per definire una funzione in due dimensioni, utilizza un grafico
|
cht=lxy |
Il parametro Prova a fare clic su queste immagini per aprirle e giocarci nel parco giochi della classifica: rimarrai incollato allo schermo. |