![cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}](https://developers.google.cn/static/chart/infographics/images/chart_528.png?authuser=4&hl=de)
Mit TeX können Sie ein Bild generieren, das eine mathematische Formel zeigt.
Übersicht
Mithilfe der Sprache TeX (ausgesprochen „tek“ oder „tech“) können Sie ein Bild einer mathematischen Formel generieren. Dies ist nützlich, um komplexe Formeln auf Ihrer Webseite anzuzeigen. Hier sind einige Beispiele für Formeln, die direkt gerendert werden:
Kopieren Sie die Bild-URLs und fügen Sie sie in einen Browser ein, um die URL zu sehen, die jedes Bild generiert.
Geben Sie Ihre Formel mithilfe der TeX-Sprache in der src-Property in einem <img>
-Tag an. Die Formel wird dann als PNG-Datei zurückgegeben. Sie können auch programmatisch eine GET-Anfrage senden, um eine Formel-PNG abzurufen.
Syntax
Stamm-URL: https://chart.googleapis.com/chart?
In Anfragen für Formelbilder werden die folgenden URL-Suchparameter nach dem Fragezeichen (?) unterstützt, in der Stamm-URL:
URL-Parameter | Erforderlich oder optional | Beschreibung |
---|---|---|
cht=tx |
Erforderlich | Gibt an, dass es sich um ein Bild vom Typ „Formel“ handelt. |
chl=<data> |
Erforderlich | Die zu rendernde Formel in der TeX-Sprache. Die Formel muss URL-codiert werden. Weitere Informationen finden Sie unten. |
chs=<width>x<height> |
Optional | Bildgröße in Pixeln. Wenn Sie dies nicht angeben, wird die Größe automatisch berechnet. Wenn Sie einen einzelnen Wert angeben, handelt es sich dabei um die Höhe und die Breite wird für Sie berechnet. |
chf |
Optional | Alle Hintergrundfüllungstypen werden unterstützt. Siehe Hintergrundfüllungen. |
chco |
Optional | Gibt die Textfarbe an. Der Standardwert ist Schwarz. |
URL-Codierung der Chl-Daten
Denken Sie daran, dass Sie alle nicht URL-sicheren Zeichen, die in Ihrer Formel verwendet werden, URL-codieren müssen. Hier findest du einen URL-Encoder.
Der häufigste Fehler ist die Verwendung von + in einer Formel anstelle von %2B, wie hier gezeigt:
Nicht URL-codiert | URL-codiert |
---|---|
![]() cht=tx&chl=a^2+b^2=c^2 |
![]() cht=tx&chl=a^2%2Bb^2=c^2 |
Hintergrundfüllungen (chf
)
Sie können einfarbige Füllungen, einen Farbverlauf oder gestreifte Füllungen für das Bild angeben. Alle Füllungen werden mithilfe eines chf
-Parameters angegeben. Sie können verschiedene Fülltypen (Einheiten, Streifen, Farbverläufe) im selben Bild mischen, indem Sie die Werte durch ein Pipe-Zeichen ( | ) trennen.
Feste Füllungen
Sie können eine Volltonfüllung mit oder ohne Transparenz oder das gesamte Bild transparent machen.
Syntax
chf=<fill_type>,s,<color>|...
- <fill_type>
- Geben Sie einen der folgenden Werte an:
bg
: Hintergrundfüllung. Der Hintergrund kann transparent gemacht werden, wenn Sie im <color>-Parameter einen Alphawert angeben.a
– Bildtransparenz. Die ersten sechs Ziffern von<color>
werden ignoriert und nur die letzten beiden (der Transparenzwert) werden angewendet.
- s
- Gibt eine durchgehende Füllung an.
- <color>
- Die Füllfarbe im Hexadezimalformat RRGGBB[AA], wobei AA ein optionaler Transparenzwert (Alpha) ist.
Beispiele
Beschreibung | Beispiel |
---|---|
Eine Formel vor blauem Hintergrund. |
|
Wie oben, aber der Hintergrund wird durch die Verwendung von zwei Alpha-Ziffern, 80, etwas transparent gemacht, was einer Transparenz von etwa 50% entspricht. Beachten Sie, dass der Hintergrund der Formel transparent ist, aber nicht der Text. |
|
In diesem Beispiel wird eine Transparenz auf das gesamte Bild angewendet. Beachten Sie, wie der Hintergrund der Tabellenzelle durch den Text und durch den Hintergrund hindurch dargestellt wird. Das Bild kombiniert zwei Hintergründe mithilfe eines senkrechten Strichs:
|
|
Farbverlaufsfüllungen
Sie können eine oder mehrere Farbverlaufsfüllungen auf die Formel anwenden. Farbverlaufsfüllungen sind Übergänge von einer Farbe in eine andere.
Mit jeder Farbverlaufsfüllung wird ein Winkel gefolgt von zwei oder mehr Farben angegeben, die an einem bestimmten Ort verankert sind. Die Farbe variiert, wenn sie sich von einem Anker zum anderen bewegt. Es müssen mindestens zwei Farben mit unterschiedlichen <color_centerpoint>-Werten vorhanden sein, damit eine übergangen werden kann. Jeder zusätzliche Farbverlauf wird durch ein <color>,<color_centerpoint>-Paar angegeben.
Syntax
chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- bg
- Hintergrundfüllung.
- lg
- Gibt eine Farbverlaufsfüllung an.
- <Winkel>
- Eine Zahl, die den Winkel des Farbverlaufs von 0 (horizontal) bis 90 (vertikal) angibt.
- <color>
- Die Farbe der Füllung im Hexadezimalformat RRGGBB.
- <color_centerpoint>
- Gibt den Ankerpunkt für die Farbe an. Die Farbe beginnt an diesem Punkt zu verblassen, wenn sie sich einem anderen Anker nähert. Der Wertebereich liegt zwischen 0,0 (unterer oder linker Rand) und 1,0 (oberer oder rechten Rand), geneigt im durch <angle> angegebenen Winkel.
Beispiele
Beschreibung | Beispiel |
---|---|
Die Formel hat einen horizontalen linearen Farbverlauf, der mit einem Winkel von null Grad (
|
|
Wie oben, nur mit einem Farbverlauf von 45 Grad. |
|
Gestreifte Füllungen
Sie können für die Formel eine gestreifte Hintergrundfüllung angeben.
Syntax
chf= bg,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- bg
- Hintergrundfüllung
- ls
- Gibt eine lineare Streifenfüllung an.
- <Winkel>
- Der Winkel aller Streifen relativ zur Y-Achse. Verwende
0
für vertikale Streifen oder90
für horizontale Streifen. - <color>
- Die Farbe des Streifens im Hexadezimalformat RRGGBB. Wiederholen Sie für jeden weiteren Streifen <color> und <width>. Du musst mindestens zwei Streifen haben. Die Streifen wechseln, bis das Bild gefüllt ist.
- <width>
- Die Breite dieses Streifens, von
0
bis1
, wobei1
die volle Breite des Bildes ist. Die Streifen werden so lange wiederholt, bis das Bild gefüllt ist. Wiederhole <color> und <width> für jeden weiteren Streifen. Du musst mindestens zwei Streifen haben. Die Streifen wechseln, bis das Bild gefüllt ist.
Beispiele
Beschreibung | Beispiel |
---|---|
|
![]() chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
![]() chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |