Ostrzeżenie: ten interfejs API został wycofany. Użyj aktywnego interfejsu Google Charts API. Więcej informacji znajdziesz w naszych zasadach wycofywania.

Ta strona została przetłumaczona przez Cloud Translation API.

Wzory matematyczne

$cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$

Korzystając z języka TeX, możesz wygenerować obraz przedstawiający wzór matematyczny.

Omówienie

Możesz wygenerować obraz wzoru matematycznego, używając języka TeX (wymawia się go „tek” lub „tech”). Jest to przydatne do wyświetlania złożonych formuł na stronie internetowej. Oto kilka przykładów formuł renderowanych na bieżąco:

$cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$

$cht=tx&chco=FF0000&chf=bg,lg,20,76A4FB,1,FFFFFF,0&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

Skopiuj adresy URL obrazów i wklej je do przeglądarki, aby wyświetlić adres URL, który generuje poszczególne obrazy.

Określ formułę, używając języka TeX we właściwości src w tagu <img>. Formuła zostanie zwrócona jako plik PNG. Możesz też wysłać żądanie GET programowo w celu pobrania pliku PNG z formułą.

Składnia

Główny adres URL: https://chart.googleapis.com/chart?

Żądania obrazów z formułą obsługują następujące parametry zapytania w adresie URL po znaku ? w głównym adresie URL:

Parametr URL	Wymagany czy opcjonalny	Opis
`cht=tx`	Wymagane	Określa, że jest to obraz typu formuły.
`chl=<data>`	Wymagane	Formuła do renderowania w języku TeX. Formuła musi być zakodowana w adresie URL. Szczegółowe informacje znajdziesz poniżej.
`chs=<width>x<height>`	Opcjonalnie	Rozmiar obrazu w pikselach. Jeśli go nie określisz, rozmiar zostanie obliczony automatycznie. Jeśli podasz jedną wartość, będzie to wysokość, a szerokość zostanie obliczona za Ciebie.
`chf`	Opcjonalnie	Obsługiwane są wszystkie typy wypełnienia tła. Zobacz Wypełnienia tła.
`chco`	Opcjonalnie	Określa kolor tekstu. Domyślnym kolorem jest tu czarny.

Kodowanie danych chl w adresie URL

Pamiętaj, że wszelkie znaki, które nie są przeznaczone do tego adresu, musisz zakodować w formule. Koder adresów URL znajdziesz tutaj.

Najczęstszym błędem jest użycie w formule znaku + zamiast %2B, jak tutaj:

Niezakodowane za pomocą adresu URL	Zakodowane z użyciem adresu URL
`cht=tx&chl=a^2+b^2=c^2`	`cht=tx&chl=a^2%2Bb^2=c^2`

Wypełnienia tła (`chf`)

Możesz określić wypełnienie obrazu jednolitego, gradientowego lub paskowego. Wszystkie wypełnienia są określane za pomocą parametru chf. Możesz mieszać różne typy wypełnienia (brony, paski, gradienty) w tym samym obrazie, rozdzielając wartości pionową kreską ( | ).

Wypełnienia stałe

Możesz określić wypełnienie jednolitym kolorem z przezroczystością lub bez niej albo ustawić cały obraz przezroczysty.

Składnia

chf=<fill_type>,s,<color>|...

<fill_type>

Podaj jedną z tych wartości:

bg – wypełnienie tła. Tło może być przezroczyste, jeśli określisz wartość alfa w parametrze <color>.
a – przezroczystość obrazu. Pierwsze 6 cyfr wartości <color> jest ignorowanych, a stosowane są tylko 2 ostatnie (wartość przezroczystości).

s

Określa pełne wypełnienie.

<color>

Kolor wypełnienia w formacie szesnastkowym RRGGBB[AA], gdzie AA to opcjonalna wartość przezroczystości (alfa).

Przykłady

Opis Przykład

Opis	Przykład
Formuła na niebieskim tle.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,s,0000EF`
Tak jak powyżej, ale tło jest nieco przezroczyste dzięki dwóm cyfrom alfa (80), co odpowiada około 50% przezroczystości. Zwróć uwagę, że tło formuły jest przezroczyste, ale nie tekst.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF80&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,s,0000EF80`
W tym przykładzie przezroczystość została zastosowana do całego obrazu. Zwróć uwagę, że tło komórki tabeli jest widoczne zarówno w tekście, jak i w tle. Obraz łączy dwa tła za pomocą pionowej kreski: `a,s,00000080` – stosuje przezroczystość do całego obrazu. `bg,s,0000EF` – stosuje niebieskie tło. Tło jest również przezroczyste dzięki zastosowaniu poprzedniego parametru.	$cht=tx&chco=FF0000&chs=200x125&chf=a,s,00000080\|bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=a,s,00000080\| bg,s,0000EF`

Formuła na niebieskim tle.

$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,s,0000EF

Tak jak powyżej, ale tło jest nieco przezroczyste dzięki dwóm cyfrom alfa (80), co odpowiada około 50% przezroczystości. Zwróć uwagę, że tło formuły jest przezroczyste, ale nie tekst.

$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF80&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,s,0000EF80

W tym przykładzie przezroczystość została zastosowana do całego obrazu. Zwróć uwagę, że tło komórki tabeli jest widoczne zarówno w tekście, jak i w tle. Obraz łączy dwa tła za pomocą pionowej kreski:

a,s,00000080 – stosuje przezroczystość do całego obrazu.
bg,s,0000EF – stosuje niebieskie tło. Tło jest również przezroczyste dzięki zastosowaniu poprzedniego parametru.

$cht=tx&chco=FF0000&chs=200x125&chf=a,s,00000080|bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

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

Powrót do góry

Wypełnienia gradientem

Do formuły możesz zastosować co najmniej 1 wypełnienie gradientowe. Wypełnienia gradientem to przejścia z jednego koloru na inny.

Każde wypełnienie gradientem określa kąt, a następnie dwa lub więcej kolorów zakotwiczonych w określonej lokalizacji. Kolor zmienia się w zależności od kotwicy. Musisz mieć co najmniej dwa kolory z różnymi wartościami parametru <color_centerpoint>, aby jeden z nich przenikał na drugi. Każdy dodatkowy gradient jest określany za pomocą pary <color>,<color_centerpoint>.

Składnia

chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>

bg: Wypełnienie tła.
lg: Określa wypełnienie gradientowe.
<angle>: Liczba określająca kąt gradientu od 0 (w poziomie) do 90 (pionowy).
<color>: Kolor wypełnienia w formacie szesnastkowym RRGGBB.
<color_centerpoint>: Określa punkt zakotwiczenia koloru. Kolor zacznie zanikać w tym punkcie, gdy będzie zbliżał się do kolejnej kotwicy. Zakres wartości wynosi od 0,0 (dolna lub lewa krawędź) do 1,0 (górna lub prawa krawędź) i przechylona pod kątem określonym przez <kąt>.

Przykłady

Opis Przykład

Opis	Przykład
Formuła zawiera poziomy gradient liniowy, którego kąt wynosi zero stopni (`0`). `chf=bg,lg` – definiuje wypełnienie gradientowe. `0` – przechylenie do 0 stopni `FFE7C6`,0 – gradient w kolorze brzoskwiniowym wyśrodkowany po lewej stronie (pozycja `0`) `76A4FB,1` – niebieski gradient wyśrodkowany po prawej stronie (pozycja `1.0`).	$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,0,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,lg,0,FFE7C6,0,76A4FB,1`
Tak jak wyżej, ale z gradientem 45 stopni.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,45,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,lg,45,FFE7C6,076A4FB,1`

Formuła zawiera poziomy gradient liniowy, którego kąt wynosi zero stopni (0).

chf=bg,lg – definiuje wypełnienie gradientowe.
0 – przechylenie do 0 stopni
FFE7C6,0 – gradient w kolorze brzoskwiniowym wyśrodkowany po lewej stronie (pozycja 0)
76A4FB,1 – niebieski gradient wyśrodkowany po prawej stronie (pozycja 1.0).

$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,0,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

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

Tak jak wyżej, ale z gradientem 45 stopni.

$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,45,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

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

Powrót do góry

Paskowe wypełnienia

Możesz określić paskowe wypełnienie tła formuły.

Składnia

chf=
  bg,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>

bg: Wypełnienie tła
ls: Określa wypełnienie liniowego pasa.
<angle>: Kąt wszystkich pasków względem osi Y. Użyj wartości 0 w przypadku pionowych pasków lub 90 w przypadku poziomych pasków.
<color>: Kolor paska w formacie szesnastkowym RRGGBB. Powtórz elementy <color> i <width> w przypadku każdego dodatkowego paska. Musisz mieć co najmniej 2 paski. Paski zmieniają się, dopóki obraz nie zostanie wypełniony.
<width>: Szerokość tego paska, od 0 do 1, gdzie 1 to pełna szerokość obrazu. Paski powtarzają się aż do wypełnienia obrazu. Powtórz <color> i <width> w przypadku każdego dodatkowego paska. Musisz mieć co najmniej 2 paski. Paski zmieniają się, dopóki obraz nie zostanie wypełniony.

Przykłady

Opis	Przykład
`bg,ls,0` – paski w tle pod kątem 0 stopni względem osi Y (równoległe do osi Y). `CCCCCC,0.15` – pierwszy pasek jest ciemnoszary i jest o 15% szerokości zdjęcia. `FFFFFF,0.1` – drugi pasek jest biały i szerokości 10% szerokości obrazu.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1`
`c,ls,90` – paski w tle pod kątem 90 stopni w stosunku do osi Y. `999999,0.25` – pierwszy pasek jest ciemnoszary i jest o 25% szerokości zdjęcia. `CCCCCC,0.25` – taki sam jak pierwszy pasek, ale jaśniejszy odcień szarości. `FFFFFF,0.25` – taki sam jak pierwszy pasek, ale biały.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25`

Powrót do góry

Wzory matematyczne

Omówienie

Składnia

Kodowanie danych chl w adresie URL

Wypełnienia tła (chf)

Wypełnienia stałe

Wypełnienia gradientem

Paskowe wypełnienia

Wypełnienia tła (`chf`)