Avviso di sostituzione: questo grafico della mappa è stato sostituito da una versione più recente.
In questa pagina viene descritto come creare una mappa colorata utilizzando l'API modifichi.
Indice
Funzionalità specifiche del grafico |
Funzionalità standard
|
Panoramica
Puoi creare una mappa con vari paesi o stati evidenziati con colori personalizzati. Per specificare una mappa, devi specificare in quale regione del mondo deve essere ingrandita la mappa. Dovrai specificare anche un elenco di regioni che devono essere colorate nella mappa e un elenco di dati paralleli che assegna un valore numerico a ogni paese corrispondente. Ogni paese viene colorato lungo un gradiente, in base al valore assegnato. Facoltativamente, puoi specificare un gradiente di colore personalizzato per i valori dei dati.
I grafici della mappa supportano i seguenti parametri:
Parametro | Obbligatorio o facoltativo | Descrizione |
---|---|---|
cht=t |
Obbligatorio | Specifica un grafico mappa. |
chs |
Obbligatorio | Dimensioni della mappa. La dimensione massima di una mappa è 440 x 220. |
chtm=<zoom_area> |
Obbligatorio | Area geografica mostrata nel grafico.
|
chld=<country_or_state_codes> |
Obbligatorio | Un elenco di paesi o stati a cui applichi valori.
Esempio: |
chd=<country_values> |
Obbligatorio | Un elenco di valori paralleli all'elenco di regioni, in cui il valore si applica alla regione corrispondente. I valori sono valori dei dati formattati standard. A ogni regione verrà assegnato un colore lungo la scala specificata in chco, dove il valore più basso dell'intervallo si applica al colore più basso, mentre il valore più alto in quell'intervallo si applica all'ultimo colore.
|
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> |
Facoltativo | Un intervallo di colori corrispondente ai valori dei dati bassi e alti per l'intervallo del formato dei dati. I valori dei dati vengono convertiti in valori di colore lungo questo gradiente e applicati ai paesi corrispondenti.
|
chtt, chts |
Facoltativo | Titolo e stile del grafico |
chma |
Facoltativo | Margini del grafico |
chf=bg |
Facoltativo | Riempimenti a tinta unita (solo sfondo) |
Esempi
Descrizione | Esempio |
---|---|
In questo esempio:
|
|
Questo grafico è simile al precedente, ma con maggiori dettagli. |
![]() chtm=africa |
Questo grafico indica che nessun paese viene evidenziato specificando un singolo valore non definito ( |
![]() chs=440x220 |
Codici degli stati degli Stati Uniti
Di seguito sono riportati i codici di stato supportati quando la mappa viene ingrandita sugli Stati Uniti
(chld=usa
).
AL | Alabama | LA | Louisiana | OH | Ohio |
AK | Alaska | ME | Maine | Ok | Oklahoma |
AZ | Arizona | MD | Maryland | OPPURE | Oregon |
AR | Arkansas | MA | Massachusetts | PA | Pennsylvania |
CA | California | MI | Michigan | RI | Rhode Island |
CO | Colorado | MN | Minnesota | SC | Carolina del Sud |
CT | Connecticut | MS | Mississippi | SD | Dakota del Sud |
DE | Delaware | MO | Missouri | VN | Tennessee |
FL | Florida | MT | Montana | TX | Texas |
GA | Georgia | NE | Nebraska | UT | Utah |
HI | Hawaii | NV | Nevada | VT | Vermont |
ID | Idaho | NH | New Hampshire | VA | Virginia |
IL | Illinois | NJ | New Jersey | WA | Washington |
IN | Indiana | NM | Nuovo Messico | WV | West Virginia |
IA | Iowa | NY | New York | WI | Wisconsin |
KS | Kansas | NC | Carolina del Nord | WY | Wyoming |
KY | Kentucky | ND | Dakota del Nord |
Funzionalità standard
Le altre funzionalità in questa pagina sono funzionalità standard dei grafici.
Titolo grafico chtt
, chts
[Tutti
i grafici]
Puoi specificare il testo del titolo, il colore e la dimensione dei caratteri del grafico.
Sintassi
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
- Specifica il titolo del grafico.
- <chart_title>
- Titolo da mostrare per il grafico. Non puoi specificare dove viene visualizzata, ma puoi
facoltativamente specificare le dimensioni e il colore del carattere. Utilizza un 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, in formato esadecimale RRGGBB. Il colore predefinito è nero.
- <font_size>
- 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" (centrata) "r" (destra). Il valore predefinito è "c".
Esempi
Descrizione | Esempio |
---|---|
Un grafico con un titolo, che utilizza colori e dimensioni del carattere predefiniti. Specifica uno spazio con un segno più ( Utilizza una barra verticale (
|
![]() chtt=Site+visitors+by+month| |
Un grafico con un titolo blu a 20 punti allineato a destra. |
![]() chtt=Site+visitors |
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 del grafico specificata (chs
); l'aumento della dimensione del margine
non aumenta la dimensione totale del grafico, ma piuttosto riduce l'area del grafico,
se necessario.
Per impostazione predefinita, i margini sono l'importo rimasto dopo il calcolo delle dimensioni del grafico. Questo valore predefinito varia in base al tipo di grafico. I margini specificati sono un valore minimo. Se l'area del grafico lascia spazio per i margini, la dimensione del margine sarà quella restante. Non puoi ridurre i margini più piccoli del necessario per legende ed 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
legenda. 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), non è possibile ridurre la larghezza dell'area del grafico. 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>, <left_margin>, <left_margin>, <left_margin>
- Dimensioni minime del margine intorno all'area del grafico, in pixel. Aumenta questo valore per includere una spaziatura interna in modo da evitare che le etichette dell'asse tocchino i bordi del grafico.
- <opt_legend_width>, <opt_legend_height>
- [Facoltativo] Larghezza del margine intorno alla legenda, in pixel. Utilizzalo per evitare che la legenda si trovi in corrispondenza dell'area del grafico o dei 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 ha una larghezza superiore a 30 pixel, il margine sul lato destro è impostato sulla stessa larghezza della legenda del grafico e differisce dagli altri margini. Le etichette dell'asse si trovano al di fuori dell'area del grafico e sono pertanto tracciate all'interno dello spazio a margine. |
|
Per aggiungere un margine intorno alla legenda, imposta un valore per i parametri In questo esempio, la legenda ha una larghezza di circa 60 pixel. Se imposti |
|
Riempimento sfondo chf
[Tutti
i grafici]
Puoi specificare i colori e gli stili di riempimento per l'area dei dati del grafico e/o per 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 delle aree del grafico sovrascriveranno i riempimenti dello sfondo del grafico.
Riempimento continuo chf
[Tutti
i grafici]
Puoi specificare un riempimento in tinta unita per l'area dello sfondo e/o del grafico oppure assegnare un valore di trasparenza all'intero grafico. Puoi specificare più riempimenti utilizzando il
carattere barra verticale (|
). (Maps: solo sfondo).
Sintassi
chf=<fill_type>,s,<color>|...
- <fill_type>
- La parte del grafico che viene riempita. Specifica uno dei seguenti valori:
bg
- Riempimento sfondoc
: riempimento dell'area del grafico. Non supportato per i grafici a mappa.a
: rendi l'intero grafico (sfondi inclusi) trasparente. 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 da riempire con un colore a tinta unita. L'effetto è simile a specificarechco
in un grafico a barre. Per un esempio, consulta Colori delle serie con grafico a barre.
- s
- Indica un riempimento in tinta unita o con trasparenza.
- <color>
- Il colore di riempimento, in formato esadecimale RRGGBB. Per le lucidi, le prime sei cifre vengono ignorate, ma devono essere comunque incluse.
Esempi
Descrizione | Esempio |
---|---|
Questo esempio riempie lo sfondo del grafico con il grigio chiaro
( |
|
Questo esempio riempie lo sfondo del grafico con il grigio chiaro ( |
|
Questo esempio applica una trasparenza del 50% all'intero grafico (80 in esadecimale corrisponde a 128, ovvero circa il 50% di trasparenza). Nota che lo sfondo della cella della tabella viene mostrato attraverso il grafico. |
|
Specifica i colori utilizzando una stringa di 6 caratteri di valori esadecimali, oltre a due valori di trasparenza facoltativi, nel formato RRGGBB[AA]
.
Ad esempio:
FF0000
= rosso00FF00
= verde0000FF
= blu000000
= neroFFFFFF
= bianco
AA
è un valore di trasparenza facoltativo, dove 00
è
completamente trasparente e FF
è completamente opaco. Ad esempio:
0000FFFF
= blu fisso0000FF66
= blu trasparente