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 matematycznego.

Omówienie

Obraz wzoru matematycznego możesz wygenerować w języku TeX (wymowa: „tek” lub „tech”). Przydaje się to do wyświetlania na stronie złożonych formuł. 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 w przeglądarce, aby wyświetlić adresy, które powodują generowanie poszczególnych obrazów.

Określ formułę za pomocą 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, by automatycznie pobrać plik PNG z formułą.

Składnia

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

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

Parametr URL	Wymagany czy opcjonalny	Opis
`cht=tx`	Wymagany	Określa, że jest to obraz typu formuły.
`chl=<data>`	Wymagany	Formuła do renderowania w języku TeX. Formułę musisz zakodować w adresie URL. Szczegółowe informacje znajdziesz poniżej.
`chs=<width>x<height>`	Opcjonalnie	Rozmiar obrazu w pikselach. Jeśli tego nie zrobisz, rozmiar zostanie obliczony automatycznie. Jeśli podasz 1 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 w tle.
`chco`	Opcjonalnie	Określa kolor tekstu. Domyślnym kolorem jest czarny.

Kodowanie danych chl w adresach URL

Pamiętaj, że w formule musisz zakodować wszystkie znaki, które nie są bezpieczne w adresie URL. Koder adresów URL znajdziesz tutaj.

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

Niezakodowany jako URL	Z kodowaniem URL-em
`cht=tx&chl=a^2+b^2=c^2`	`cht=tx&chl=a^2%2Bb^2=c^2`

Wypełnienie tła (`chf`)

Obrazu możesz określić wypełnienie w formie stałe, gradientowe lub paskowe. Wszystkie wypełnienia są określane za pomocą parametru chf. Możesz mieszać różne typy wypełnienia (ciągłe, paski, gradienty) na tym samym obrazie, rozdzielając wartości pionową kreską ( | ).

Wypełnienie

Możesz użyć wypełnienia w jednolitym kolorze, z przezroczystością lub bez niej. Możesz też ustawić cały obraz przezroczysty.

Składnia

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

<fill_type>

Określ 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 parametru <color> jest ignorowanych, a uwzględniane są tylko ostatnie 2 (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 samo jak powyżej, ale tło jest nieco przezroczyste dzięki 2 cyfrom alfa (80), co odpowiada przezroczystości około 50%. 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 zastosowano przezroczystość do całego obrazu. Zwróć uwagę, jak tło komórki tabeli wygląda zarówno przez tekst, jak i przez tło. Obraz łączy 2 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 przezroczyste także przez poprzedni parametr.	$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 samo jak powyżej, ale tło jest nieco przezroczyste dzięki 2 cyfrom alfa (80), co odpowiada przezroczystości około 50%. 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 zastosowano przezroczystość do całego obrazu. Zwróć uwagę, jak tło komórki tabeli wygląda zarówno przez tekst, jak i przez tło. Obraz łączy 2 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 przezroczyste także przez poprzedni parametr.

$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 gradientowe

Do formuły możesz zastosować jedno lub więcej wypełnienia gradientowego. Wypełnienia gradientowe to przejścia z jednego koloru na inny.

Każde wypełnienie gradientem określa kąt, a następnie co najmniej dwa kolory zakotwiczone do określonej lokalizacji. Kolor różni się w zależności od tego, jak zmienia się jedna kotwica. Musisz mieć co najmniej 2 kolory z różnymi wartościami <color_centerpoint>, aby jeden z nich przechodził w drugi. Każdy kolejny 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.
<kąt>: Liczba określająca kąt gradientu od 0 (w poziomie) do 90 (w orientacji pionowej).
<color>: Kolor wypełnienia w formacie szesnastkowym RRGGBB.
<color_centerpoint>: Określa punkt zakotwiczenia koloru. Od tego momentu kolor zacznie zanikać, gdy zbliży się do innej kotwicy. Zakres wartości wynosi od 0,0 (dolna lub lewa krawędź) do 1,0 (górna lub prawa krawędź) i przechylony pod kątem określonym przez <kąt>.

Przykłady

Opis Przykład

Opis	Przykład
Formuła zawiera poziomy gradient liniowy określony za pomocą kąta zero stopni (`0`). `chf=bg,lg` – definiuje wypełnienie gradientowe `0` – przechylenie o 0 stopni `FFE7C6`,0 – brzoskwiniowy gradient 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 samo jak powyżej, ale z 45-stopniowym gradientem.	$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 określony za pomocą kąta zero stopni (0).

chf=bg,lg – definiuje wypełnienie gradientowe
0 – przechylenie o 0 stopni
FFE7C6,0 – brzoskwiniowy gradient 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 samo jak powyżej, ale z 45-stopniowym gradientem.

$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

Wypełnienia w paski

W formule możesz określić pasiaste wypełnienie tła.

Składnia

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

bg: Wypełnienie tła
ls: Określa liniowe wypełnienie w paski.
<kąt>: Kąt wszystkich pasów względem osi Y. Użyj 0, by utworzyć pasy pionowe, lub 90, aby ustawić pasy poziome.
<color>: Kolor tego paska w formacie szesnastkowym RRGGBB. Powtórz wartości <color> i <width> dla każdego dodatkowego pasa. Musisz mieć przynajmniej 2 paski. Paski są naprzemienne, aż obraz zostanie wypełniony.
<width>: Szerokość tego paska, od 0 do 1, gdzie 1 to pełna szerokość obrazu. Paski powtarzają się, aż obraz zostanie wypełniony. Powtórz wartości <color> i <width> dla każdego dodatkowego pasa. Musisz mieć przynajmniej 2 paski. Paski są naprzemienne, aż obraz zostanie wypełniony.

Przykłady

Opis	Przykład
`bg,ls,0` – paski tła pod kątem 0 stopni względem osi Y (równolegle do osi Y). `CCCCCC,0.15` – pierwszy pasek jest ciemnoszary, 15% szerokości od obrazu. `FFFFFF,0.1` – drugi pasek jest biały, o szerokości 10% szerokości obrazu.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,0,CCCC,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 tła pod kątem 90 stopni względem osi Y. `999999,0.25` – pierwszy pasek jest ciemnoszary, o szerokości 25% szerokości obrazu. `CCCCCC,0.25` – taki sam jak pierwszy pasek, ale jaśniejszy szary. `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 adresach URL

Wypełnienie tła (chf)

Wypełnienie

Wypełnienia gradientowe

Wypełnienia w paski

Wypełnienie tła (`chf`)