Mathematische Formeln

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:

Quadratische Gleichung

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
a^2 + b^2 = c^2
cht=tx&chl=a^2+b^2=c^2
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.

Rotes Liniendiagramm mit schwarzer Füllung

chf=bg,s,0000EF

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.

Rotes Liniendiagramm mit schwarzem Diagrammbereich und hellgrauem Hintergrund

chf=bg,s,0000EF80

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:

  • a,s,00000080: Wendet eine Transparenz auf das gesamte Bild an.
  • bg,s,0000EF: Ein blauer Hintergrund wird angezeigt. Der Hintergrund wird ebenfalls durch den vorherigen Parameter transparent gemacht.

Streudiagramm mit blauen Punkten und einer Transparenz von 50 %

chf=a,s,00000080|
  bg,s,0000EF

Nach oben

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 (0) angegeben ist.

  • chf=bg,lg – definiert eine Farbverlaufsfüllung
  • 0 – Neigung null Grad
  • FFE7C6,0 – pfirsichfarbener Farbverlauf, zentriert auf der linken Seite (Position 0)
  • 76A4FB,1: blauer Farbverlauf, zentriert auf der rechten Seite (Position 1.0).

Pfirsichfarbener Farbverlauf von 0 Grad

chf=bg,lg,0,FFE7C6,0,76A4FB,1

Wie oben, nur mit einem Farbverlauf von 45 Grad.

Pfirsich-/blauer Farbverlauf bei 45 Grad

chf=bg,lg,45,FFE7C6,076A4FB,1

Nach oben

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 oder 90 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 bis 1, wobei 1 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
  • bg,ls,0: Hintergrundstreifen mit einem Winkel von null Grad zur Y-Achse (parallel zur Y-Achse).
  • CCCCCC,0.15: Der erste Streifen ist dunkelgrau, 15% so breit wie das Bild.
  • FFFFFF,0.1: Der zweite Streifen ist weiß, 10% so breit wie das Bild.
Formel mit vertikalen Streifen
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90: Hintergrundstreifen in einem Winkel von neunzig Grad zur Y-Achse.
  • 999999,0.25: Der erste Streifen ist dunkelgrau, 25% so breit wie das Bild.
  • CCCCCC,0.25: Wie der erste Streifen, aber ein helles Grau.
  • FFFFFF,0.25: Wie der erste Streifen, aber weiß.
Formel mit horizontalen Streifen
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

Nach oben