![cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}](https://developers-dot-devsite-v2-prod.appspot.com/static/chart/infographics/images/chart_528.png?authuser=3&hl=it)
Puoi generare un'immagine che mostra una formula matematica utilizzando il linguaggio TeX.
Panoramica
Puoi generare l'immagine di una formula matematica utilizzando il linguaggio TeX (pronunciato "tek" o "tech"). È utile per visualizzare formule complesse nella pagina web. Ecco alcuni esempi di formule visualizzate al volo:
Copia e incolla gli URL immagine in un browser per vedere l'URL che genera ogni immagine.
Specifica la tua formula utilizzando il linguaggio TeX nella proprietà src un tag <img>
; la formula verrà restituita come file PNG. In alternativa, se preferisci, puoi inviare una richiesta GET in modo programmatico per recuperare un'immagine PNG della formula.
Sintassi
URL di base: https://chart.googleapis.com/chart?
Le richieste di immagine formula supportano i seguenti parametri di query dell'URL dopo il carattere ? nell'URL principale:
Parametro URL | Obbligatorio o facoltativo | Descrizione |
---|---|---|
cht=tx |
Obbligatorio | Specifica che questa è un'immagine di tipo formula. |
chl=<data> |
Obbligatorio | La formula da visualizzare, in lingua TeX. Devi codificare la formula nell'URL; vedi sotto per i dettagli. |
chs=<width>x<height> |
Facoltativo | Dimensioni dell'immagine, in pixel. Se non lo specifichi, le dimensioni verranno calcolate automaticamente. Se specifichi un singolo valore, verrà utilizzata l'altezza e la larghezza verrà calcolata automaticamente. |
chf |
Facoltativo | Sono supportati tutti i tipi di riempimento dello sfondo. Vedi Riempimenti dello sfondo. |
chco |
Facoltativo | Specifica il colore del testo. Il valore predefinito è nero. |
Codifica URL dei dati chl
Ricorda che devi codificare tutti i caratteri non sicuri per URL utilizzati nella formula. Puoi trovare un codificatore URL qui.
L'errore più comune è utilizzare + in una formula al posto di %2B, come mostrato di seguito:
Senza codifica URL | Codificato in URL |
---|---|
![]() cht=tx&chl=a^2+b^2=c^2 |
![]() cht=tx&chl=a^2%2Bb^2=c^2 |
Riempimento sfondo (chf
)
Puoi specificare riempimenti continui, a gradiente o a strisce per l'immagine. Tutti i riempimenti vengono specificati utilizzando un parametro chf
e puoi mescolare diversi tipi di riempimento (solidi, strisce, gradienti) nella stessa immagine
separando i valori con il carattere barra verticale ( | ).
Riempimenti solidi
Puoi specificare un riempimento a tinta unita, con o senza trasparenza, oppure rendere trasparente l'intera immagine.
Sintassi
chf=<fill_type>,s,<color>|...
- <fill_type>
- Specifica uno dei seguenti valori:
bg
- Riempimento sfondo. Lo sfondo può essere reso trasparente se specifichi un valore alfa nel parametro <color>.a
- Trasparenza dell'immagine. Le prime sei cifre di<color>
vengono ignorate e vengono applicate solo le ultime due (il valore della trasparenza).
- s
- Specifica un riempimento in tinta unita.
- <color>
- Il colore di riempimento, in formato esadecimale RRGGBB[AA], dove AA è un valore facoltativo di trasparenza (alfa).
Esempi
Descrizione | Esempio |
---|---|
Una formula con uno sfondo blu. |
|
Come sopra, ma lo sfondo è reso leggermente trasparente dall'uso di due cifre alfa, 80, che corrisponde a circa il 50% di trasparenza. Nota che lo sfondo della formula è trasparente, ma non il testo. |
|
In questo esempio viene applicata una trasparenza all'intera immagine. Nota come lo sfondo della cella della tabella viene visualizzato attraverso il testo e lo sfondo. L'immagine combina due sfondi utilizzando una barra verticale:
|
|
Riempimento sfumatura
Puoi applicare uno o più riempimenti gradienti alla formula. I riempimenti sfumati passano da un colore a un altro.
Ogni riempimento sfumato specifica un angolo e due o più colori ancorati a una posizione specificata. Il colore varia a mano a mano che si sposta da un ancoraggio all'altro. Devi avere almeno due colori con valori <color_centerpoint> diversi, in modo che uno possa dissolversi nell'altro. Ogni gradiente aggiuntivo è specificato da una coppia <color>,<color_centerpoint>.
Sintassi
chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- bg
- Riempimento dello sfondo.
- lg
- Specifica un riempimento gradiente.
- <angolo>
- Un numero che specifica l'angolo del gradiente da 0 (orizzontale) a 90 (verticale).
- <color>
- Il colore di riempimento, in formato esadecimale RRGGBB.
- <color_centerpoint>
- Specifica il punto di ancoraggio per il colore. Il colore inizierà a sbiadirsi da questo punto mentre 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 con l'angolo specificato da <angle>.
Esempi
Descrizione | Esempio |
---|---|
La formula ha un gradiente lineare orizzontale, specificato con un angolo di zero gradi (
|
|
Come sopra, ma con una sfumatura di 45 gradi. |
|
Riempimenti a righe
Puoi specificare un riempimento di sfondo a strisce per la formula.
Sintassi
chf= bg,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- bg
- Riempimento sfondo
- ls
- Specifica un riempimento a strisce lineare.
- <angolo>
- L'angolo di tutte le strisce rispetto all'asse Y. Utilizza
0
per le strisce verticali o90
per le strisce orizzontali. - <color>
- Il colore di questa striscia, in formato esadecimale RRGGBB. Ripeti <color> e <width> per ogni striscia aggiuntiva. Devi avere almeno due strisce. Le strisce si alternano fino a quando l'immagine non viene riempita.
- <width>
- La larghezza di questa striscia, da
0
a1
, dove1
rappresenta l'intera larghezza dell'immagine. Le strisce vengono ripetute fino a quando l'immagine non viene riempita. Ripeti i colori <color> e <width> per ogni striscia aggiuntiva. Devi avere almeno due strisce. Le strisce si alternano fino a quando l'immagine non viene riempita.
Esempi
Descrizione | Esempio |
---|---|
|
![]() chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
![]() chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |