Ten dokument opisuje różne typy wykresów liniowych, które możesz tworzyć za pomocą interfejsu Chart API.
Spis treści
Funkcje związane z wykresami
|
Funkcje standardowe
|
Typy wykresów (cht
)
Możesz tworzyć różne wykresy liniowe. Określ wykres liniowy z tą składnią:
Składnia
cht=<chart_type>
Gdzie <chart_type>
jest jednym z tych typów:
Parametr | Opis | Przykład |
---|---|---|
|
Wykres liniowy, w którym punkty danych są rozmieszczone równomiernie na osi x. Linie osi są domyślnie wyświetlane. Aby wyświetlić wartości na osi osi, musisz podać |
|
|
Podobnie jak na wykresach |
|
|
Pozwala określić współrzędne X i Y dla każdego punktu, a nie tylko wartości Y. Aby określić punkty danych na wykresach chd=t:<line_1_x1>,<line_1_x2>,...|<line_1_y1>,<line_1_y2>,...| <line_2_x1>,<line_2_x2>,...|<line_2_y1>,<line_2_y2>,... Aby rozmieścić punkty danych równomiernie na xosi tylko, podaj jedną niezdefiniowaną wartość x dla tej serii. W tym przykładzie czerwona linia „Unikalne” rozmieści punkty danych równomiernie na osi X. Więcej informacji o niezdefiniowanych wartościach znajdziesz w artykule Formaty danych. W tym przykładzie wiersz „Kusze” przedstawia dokładne wartości X i Y dla wszystkich punktów, a wiersz „Uniorns” – równomierne na osi X. Uwaga: jeśli tworzysz złożony wykres |
cht=lxy |
Szczegółowość danych
Uważaj, aby nie zawyżyć liczby punktów danych wymaganych na wykresie liniowym. Aby na przykład pokazać, jak popularne lody czekoladowe z ostatnich 10 lat, agregowanie zapytań w każdym dniu zapewniłoby ponad 3600 wartości. Wykres o takiej szczegółowości nie ma sensu. Na wykresie o szerokości 1024 piksele jeden punkt danych to około jedna czwarta piksela. Poza tym to za dużo danych, by przekazać je w adresie URL). Ten przykład ilustruje poniższe przykłady.
Wykres o szerokości 200 pikseli i 40 punktów danych (5 pikseli na punkt danych):
80 punktów danych (tylko 2,5 piksela na punkt danych):
150 punktów danych (tylko 1,3 piksela na punkt danych):
300 punktów danych (poniżej 1 piksela na punkt danych):
Kolory serii chco
Za pomocą parametru chco
możesz określić kolory określonej serii lub wszystkich serii.
Składnia
chco= <color_1>, ... <color_n>
- <kolor>
- Liczba szesnastkowa w formacie RRGGBB. Określ pojedynczą wartość, aby zastosować ten sam kolor do wszystkich serii. Określ różne kolory dla różnych serii, dodając wartości kolorów rozdzielone przecinkami. Jeśli masz mniej kolorów niż w serii, nieokreślona seria będzie zmieniać kolory od początku.
Przykłady
Opis | Przykład |
---|---|
Jeśli określisz jeden kolor dla każdej serii, każdemu z nich zostanie przypisany kolor. W tym przykładzie określono trzy serie danych i trzy kolory. |
|
Ten przykład zawiera też 3 serie danych, ale określono tylko 2 kolory. Ponieważ trzecia seria jest nieokreślona, trzecia linia jest rysowana przy użyciu pierwszego koloru (czerwonego). |
|
Wykresy złożone
Do wykresu liniowego możesz dodać linie, świece i znaczniki kształtu, aby utworzyć wykres złożony. Więcej informacji znajdziesz w artykule Wykresy złożone.
Funkcje standardowe
Pozostałe funkcje na tej stronie to standardowe funkcje na wykresie.
Tytuł wykresu chtt
, chts
[Wszystkie wykresy]
Możesz określić tekst tytułu, kolor i rozmiar czcionki na wykresie.
Składnia
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
– określa tytuł wykresu.
- <tytuł_wykresu>
- Tytuł do wyświetlenia na wykresie. Nie możesz określić, gdzie ma się wyświetlać, ale możesz opcjonalnie określić rozmiar i kolor czcionki. Użyj znaku +, aby zaznaczyć spacje, lub kreski pionowej (
|
), aby podziały wierszy.
chts
[opcjonalny] – kolory i rozmiar czcionki parametru chtt
.
- <kolor>
- Kolor tytułu w formacie szesnastkowym RRGGBB. Kolor domyślny to czarny.
- <font_size>
- Rozmiar czcionki w punktach (w punktach).
- <opt_alignment>
- [Opcjonalnie] Wyrównanie tytułu. Wybierz jedną z tych wartości ciągu znaków: l (lewa), „c” (wyśrodkowana) „r” (prawa). Wartość domyślna to „c”.
Przykłady
Opis | Przykład |
---|---|
Wykres z tytułem, używając domyślnego koloru i rozmiaru czcionki. Określ pokój ze znakiem plusa ( Aby wymusić podział wiersza, użyj kreski pionowej ( Nie określono tu właściwości |
chtt=Site+visitors+by+month| |
Wykres z niebieskim, 20-punktowym tytułem po prawej. |
chtt=Site+visitors |
Tekst legendy i styl wykresu chdl
, chdlp
, chdls
[Wszystkie wykresy]
Legenda to boczna sekcja wykresu, która zawiera krótki opis tekstowy każdej serii. W tej legendzie możesz określić tekst powiązany z każdą serią oraz określić miejsce na wykresie, w którym ma się on pojawiać.
Zobacz też chma
, aby dowiedzieć się, jak ustawić marginesy legendy.
Uwaga o wartościach ciągów: w ciągach etykiet dozwolone są tylko znaki bezpieczne w adresach URL. Dla bezpieczeństwa zalecamy zakodowanie adresów URL wszystkich ciągów zawierających znaki spoza zestawu znaków 0-9a-zA-Z
.
Koder adresów URL znajdziesz w dokumentacji wizualizacji Google.
Składnia
chdl=<data_series_1_label>|...|<data_series_n_label> chdlp=<opt_position>|<opt_label_order> chdls=<color>,<size>
chdl
– tekst każdego serii wyświetlany w legendzie.
- <data_series_label>
- Tekst wpisów legendy. Każda etykieta odnosi się do odpowiedniej serii w tablicy
chd
. Użyj znaku + dla pokoju. Jeśli nie określisz tego parametru, wykres nie będzie zawierał legendy. Nie można określić podziału wiersza w etykiecie. Legenda zwykle rozwinie się, aby umieścić w niej legendę, a obszar wykresu zostanie zmniejszony, aby zmieścić się w legendzie.
chdlp
– [opcjonalny] – pozycja legendy i kolejność pozycji legendy. Możesz określić wartości <position> lub <label_order>. Jeśli podasz oba te elementy, rozdziel je znakiem paska. Możesz dodać znak „s” do dowolnej wartości, jeśli chcesz, aby wpisy legendy w chdl
były pomijane. Przykłady: chdlp=bv
, chdlp=r
, chdlp=bv|r
, chdlp=bvs|r
- <opt_position>
- [Opcjonalny] Określa pozycję legendy na wykresie. Aby określić dodatkowe dopełnienie między legendą a obszarem wykresu lub obramowaniem obrazu, użyj parametru
chma
. Wybierz jedną z tych wartości:b
– legenda u dołu wykresu, wpisy legendy w poziomie wiersza.bv
– legenda u dołu wykresu, wpisy legendy w pionowej kolumnie.t
– legenda u góry wykresu, wpisy legendy w poziomie wiersza.tv
– legenda u góry wykresu, wpisy legendy w pionowej kolumnie.r
– [wartość domyślna] – legenda po prawej stronie wykresu, wpisy legendy w pionowej kolumnie.l
– legenda po lewej stronie wykresu, wpisy legendy w pionowej kolumnie.
- <opt_label_order>
- [opcjonalny] – kolejność, w jakiej etykiety są wyświetlane w legencie.
Wybierz jedną z tych wartości:
l
– [Default forvertical legends] Wyświetlaj etykiety w kolejności podanej dla elementuchdl
.r
– wyświetlaj etykiety w odwrotnej kolejności niż nachdl
. Jest to przydatne, gdy używasz skumulowanych wykresów słupkowych, aby wyświetlić legendę
w takiej samej kolejności, w jakiej pojawiają się paski.a
– [domyślnie w przypadku legend poziomych] automatyczne sortowanie według czasu trwania i od najkrótszej (10 pikseli). Gdy 2 elementy mają taką samą długość (podział na bloki po 10 pikseli), ten, który pierwszy wyświetla się jako pierwszy, pojawia się jako pierwszy.0,1,2...
– kolejność etykiet własnych. Jest to lista indeksów etykiet opartych na zerowej wartości odchdl
rozdzielonych przecinkami.
chdls
– [opcjonalny] – określa kolor i rozmiar czcionki tekstu legendy.
- <kolor>
- Kolor tekstu legendy w formacie szesnastkowym RRGGBB.
- <rozmiar>
- Rozmiar punktu legendy.
Przykłady
Opis | Przykład |
---|---|
Dwa przykłady legend. Określ tekst legendy w tej samej kolejności co seria danych. |
chdl=NASDAQ|FTSE100|DOW
chdl=First|Second|Third |
Pierwszy wykres przedstawia poziome wpisy legendy ( |
|
Ten przykład pokazuje zmianę rozmiaru czcionki. |
|
Marginesy wykresu chma
[wszystkie wykresy]
Rozmiar marginesów wykresu możesz określić w pikselach. Marginesy są obliczane wewnętrznie do określonego rozmiaru wykresu (chs
). Zwiększenie marginesu nie zwiększa całkowitego rozmiaru wykresu, ale w razie potrzeby zmniejsza obszar wykresu.
marginesy pozostają domyślnie po obliczaniu rozmiaru wykresu, Wartość domyślna zależy od typu wykresu. Określone marginesy mają wartość minimalną. Jeśli obszar wykresu ma marginesy, rozmiar marży pozostaje bez wpływu na marginesy. Nie można skompresować marginesów mniejszych niż wymagane dla legend i etykiet. Oto diagram przedstawiający podstawowe części wykresu:
![]() |
Marża wykresu obejmuje etykiety osi i obszar obszaru zaplecza. Rozmiar legendy zmienia się automatycznie, by dokładnie dopasować tekst, chyba że podasz większą szerokość ( Wskazówka: jeśli słupki na wykresie mają stały rozmiar (domyślny), nie można zmniejszyć szerokości obszaru wykresu. Musisz określić mniejszy lub większy rozmiar paska, używając znacznika |
Składnia
chma= <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
- <left_margin>, <right_margin>, <top_margin>, <bottom_margin>
- Minimalny rozmiar marginesu wokół obszaru wykresu w pikselach. Zwiększ tę wartość, aby dodać dopełnienie, tak aby etykiety osi nie zsunęły się z obramowania.
- <opt_legend_width>, <opt_legend_height>
- [Opcjonalny] Szerokość marginesu wokół legendy (w pikselach). Użyj tej opcji, aby uniknąć przeskoczenia legendy na obszar wykresu lub krawędzi obrazu.
Przykłady
Opis | Przykład |
---|---|
W tym przykładzie wykres ma minimalny margines 30 pikseli po każdej stronie. Legenda wykresu ma więcej niż 30 pikseli szerokości, dlatego margines po prawej stronie jest ustawiony na szerokość legendy i różni się od innych marginesów. Etykiety osi nie znajdują się poza obszarem działki, dlatego są rysowane w miejscu na marginesie. |
|
Aby dodać margines wokół legendy, ustaw wartość parametrów W tym przykładzie legenda ma około 60 pikseli szerokości. Jeśli ustawisz |
|
Style i etykiety osi [wiersz, słupek, google-metr, Radar, punktowy]
Możesz określić, które osie mają być wyświetlane na wykresie, i nadać im niestandardowe etykiety oraz pozycje, zakresy i style.
Nie wszystkie wykresy domyślnie przedstawiają linie osi. Za pomocą parametru chxt
możesz dokładnie określić, które osie mają wyświetlać się na wykresie. Linie domyślne osi nie pokazują liczb. Aby wyświetlić liczby, musisz określić oś w parametrze chxt
.
Możesz określić, czy wyświetlane osie mają odzwierciedlać wartości danych, czy możesz ustawić osie niestandardowe.
Domyślnie wyświetlane są wartości liczbowe, których skala wynosi od 0 do 100.
Możesz jednak zmienić ten zakres za pomocą chxr
, aby wyświetlić dowolny zakres. Możesz też dostosować styl wartości (np. aby pokazać symbole walut lub miejsca po przecinku) za pomocą chxs
.
Jeśli zdecydujesz się używać wartości niestandardowych, np. „pon., wt., śr.”, możesz użyć parametru chxl
.
Aby umieścić te etykiety w określonych miejscach na osi, użyj parametru chxp
.
Na koniec możesz użyć parametrów chxs
i chxtc
, aby określić kolor, rozmiar, wyrównanie i inne właściwości etykiet niestandardowych i numerycznych.
Uwaga o wartościach ciągów: w ciągach etykiet dozwolone są tylko znaki bezpieczne w adresach URL. Dla bezpieczeństwa zalecamy zakodowanie adresów URL wszystkich ciągów zawierających znaki spoza zestawu znaków 0-9a-zA-Z
.
Koder adresów URL znajdziesz w dokumentacji wizualizacji Google.
Tematy w tej sekcji:
- Widoczne osie (
chxt
) – osie do wyświetlenia. - Zakres osi (
chxr
) – zakres wartości dla każdej osi. - Etykiety osi niestandardowych (
chxl
) – wartości niestandardowe wyświetlane na osi. - Położenie etykiet osi (
chxp
) – umieszczenie etykiet własnych na każdej osi. - Style etykiet na osi (
chxs
) – kolor, rozmiar, wyrównanie i formatowanie etykiet osi. - Style znaczników osi czasu (
chxtc
) – długość znaczników wyboru na określonej osi.
Widoczne osie chxt
Wykresy słupkowe, liniowe, radarowe i punktowe przedstawiają domyślnie jedną lub dwie linie osi, ale nie uwzględniają wartości.
Aby wyświetlić wartości na osiach lub zmienić wyświetlane osie, musisz użyć parametru chxt
.
Domyślnie wartości osi pochodzą z zakresu od 0 do 100, chyba że wyraźnie ustawisz ich skalowanie za pomocą właściwości chxr
. Aby ukryć wszystkie linie osi na wykresie liniowym, podaj :nda
po wartości typu wykresu w parametrze cht
(np. cht=lc:nda
).
Domyślnie oś górny i dolny nie wyświetlają znaczniki przy wartościach, ale w lewo i w prawo są widoczne. Możesz to zmienić za pomocą parametru chxs
.
Składnia
chxt= <axis_1> ,..., <axis_n>
- <oś>
- Oś na wykresie. Dostępne osie:
x
– dolna oś Xt
– górna oś X [nieobsługiwana przez Google-o-Meter],y
– lewa oś Yr
– oś Y prawa [nieobsługiwana przez Google-o-Meter],
Możesz określić wiele osi tego samego typu, np. cht=x,x,y
. Spowoduje to umieszczenie dwóch zestawów osi x u dołu wykresu. Jest to przydatne podczas dodawania etykiet niestandardowych wzdłuż osi, która pokazuje wartości liczbowe (zobacz przykład poniżej). Słupki są rysowane od wewnątrz, więc jeśli wpiszesz x,x
, pierwszy znak x odnosi się do kopii wewnętrznej, kolejna x oznacza następną kopię od zewnątrz.
Przykłady
Opis | Przykład |
---|---|
Ten wykres przedstawia wykres liniowy z oś X, osi Y, oś górną (t) i oś prawy (r). Ponieważ nie określono żadnych etykiet, wykres domyślnie ustawia zakres od 0 do 100 dla wszystkich osi. Domyślnie u góry i na dole nie są widoczne znaczniki przy etykiecie. |
|
Możesz dodać wiele zestawów etykiet dla każdej osi, podając tę samą wartość więcej niż raz. Ten przykład pokazuje 2 zestawy osi x i 2 zestawy osi Y. Nie jest to szczególnie przydatne, gdy używasz tylko domyślnych etykiet osi (jak widać tutaj). Możesz jednak określić etykiety własne dla każdej kopii każdej osi za pomocą parametru chxl . |
|
Ten wykres przedstawia poziomy wykres słupkowy z oś X, oś Y, oś T oraz prawą oś R. Etykiety osi są pomijane, więc interfejs Chart API wyświetla zakres od 0 do 100 na osi X i osi T. Zakres osi y i osi R zależy od liczby słupków. W tym przypadku jest 5 słupków, więc interfejs Chart API pokazuje zakres od 0 do 4. Pierwsza etykieta jest wyśrodkowana u góry pierwszego słupka, druga itd. |
|
Możesz ukryć domyślne osie na wykresie liniowym, określając :nda po typie wykresu. |
cht=lc:nda |
Zakres osi chxr
Zakres wartości, które pojawiają się na każdej osi, możesz niezależnie określić za pomocą parametru chxr. Pamiętaj, że nie zmienia to skali elementów wykresu, a tylko skalę etykiet osi. Jeśli chcesz, by wartości na osi miały opis rzeczywistych wartości danych, ustaw odpowiednio wartości <start_val> i <end_val> na dolną i górną wartość zakresu formatów danych. Więcej informacji znajdziesz w artykule Skalowanie osi.
Aby określić ich zakres, musisz wyświetlić oś przy użyciu parametru chxt
.
Aby określić wartości osi niestandardowej, użyj parametru chxl
.
Składnia
Rozdziel zakresy etykiet osi za pomocą pionowej kreski (|
).
chxr= <axis_index>,<start_val>,<end_val>,<opt_step> |...| <axis_index>,<start_val>,<end_val>,<opt_step>
- <oś_indeksu>
- Do której osi zostaną zastosowane etykiety. Jest to indeks zerowy do tablicy osi określonego przez
chxt
. Na przykład oś R będzie wynosić 1 w poluchxt=x,r,y
. - <start_val>
- Liczba określająca niską wartość na tej osi.
- <end_val>
- Liczba, która określa wysoką wartość na tej osi.
- <opt_step>
- [Opcjonalnie] Kroki na wykresie wyświetlane na osi. Nie ma domyślnej wartości kroku. Krok jest obliczany w taki sposób, aby wyświetlić zestaw odpowiednich etykiet.
Przykłady
Opis | Przykład |
---|---|
Ten przykład obejmuje osie lewy i prawy ( Każda oś ma zdefiniowany zakres. Ponieważ nie określono żadnych etykiet ani pozycji, wartości są pobierane z danego zakresu i znajdują się w tym samym zakresie w równych odstępach. Na wykresie liniowym wartości są równomiernie rozkładane na osi X. Kierunek osi jest odwrotny na osi R (indeks |
|
W tym przykładzie określone są oś X. Etykiety osi są równomiernie rozmieszczone na osi. W parametrze <opt_step> określono wartość pięć ( |
|
Niestandardowe etykiety osi chxl
Etykiety osi ciągów niestandardowych możesz określać na dowolnej osi, korzystając z parametru chxl
. Możesz określić dowolną liczbę etykiet. Jeśli wyświetlisz oś (używając parametru chxt
) i nie określisz etykiet niestandardowych, zostaną zastosowane standardowe etykiety liczbowe.
Aby określić niestandardowy zakres liczbowy, użyj parametru chxr
.
Aby ustawić określone lokalizacje wzdłuż osi etykiet, użyj parametru chxp
.
Składnia
Określ jeden zestaw parametrów dla każdej osi, którą chcesz oznaczyć etykietą. Kilka zestawów etykiet rozdziel znakiem pionowej kreski (|
).
chxl= <axis_index>:|<label_1>|...|<label_n> |...| <axis_index>:|<label_1>|...|<label_n>
- <oś_indeksu>
- Do której osi zostaną zastosowane etykiety. To jest indeks w tablicy parametrów
chxt
. Jeśli na przykład maszchxt=x,x,y,y
, indeks 0 będzie pierwszą osią X, a 1 – drugą osią X. - <etykieta_1>| ... |<etykieta_n>
- Co najmniej 1 etykieta umieszczona na tej osi. Mogą to być wartości ciągu znaków lub wartości liczbowe. Ciągi nie muszą być cudzysłowami. Etykieta label_1 wyświetla się na najniższej pozycji na osi, a label_n – na najwyższej pozycji. Dodatkowe etykiety są rozdzielone równomiernie.
Wyznacz spacje znakiem +. Nie można określić podziału wiersza w etykiecie. Rozdziel je etykietami. Uwaga: nie umieszczaj potoku po ostatniej etykiecie w parametrze
chxl
.
Przykłady
Opis | Przykład |
---|---|
Ten wykres pokazuje, jak dodać etykiety niestandardowe do 2 osi. Zwróć uwagę na to, jak wartości są równomiernie rozmieszczone, a ostatnia wartość |
chxt=x,y |
Ten przykład obejmuje etykiety osi Y po lewej i prawej stronie ( |
|
Ten przykład zawiera etykiety na osi Y po lewej i prawej stronie ( W tym przykładzie używamy wartości domyślnych etykiet osi na osi Y. |
|
Jeśli chcesz dodać etykietę ogólną w celu opisania całej osi (np. aby oznaczyć jedną oś „koszt” i drugą „uczniów”), użyj właściwości |
chxt=x,x,y,y |
Pozycje etykiety osi chxp
Możesz określić, które etykiety osi mają być wyświetlane – niezależnie od tego, czy są używane etykiety domyślne, czy etykiety własne określone za pomocą chxl
. Jeśli nie określisz dokładnych pozycji za pomocą tego parametru, etykiety będą rozmieszczone równomiernie i jako domyślna wartość kroku na osi. Jeśli nie określisz wartości chxl
, etykiety znacznika wyboru będą wartościami domyślnymi (zazwyczaj są to wartości danych lub numery słupków na wykresach słupkowych).
Składnia
Kilka zestawów pozycjonowania oddziel pionową kreską (|
).
chxp= <axis_1_index>,<label_1_position>,...,<label_n_position> |...| <axis_m_index>,<label_1_position>,...,<label_n_position>
- <oś_indeksu>
- Oś, dla której określasz pozycje. To jest indeks w tablicy parametrów
chxt
. Jeśli na przykład masz wartośćchxt=x,x,y,y
, indeks 0 jest pierwszą osią X, 1 oznacza drugą oś X itd. - <label_1_position>,...label_n_position>
- Pozycja etykiety na osi. Jest to lista wartości liczbowych oddzielonych przecinkami, gdzie każda wartość ustawia pozycję odpowiedniej etykiety w tablicy
chxl
: pierwsza pozycja odnosi się do pierwszej etykiety itd. Pozycja to wartość w zakresie dla tej osi. Pamiętaj, że zawsze będzie wynosić 0–100, chyba że określisz zakres niestandardowy za pomocą właściwościchxr
. Musisz mieć tyle pozycji, ile masz etykiet na tej osi.
Przykłady
Opis | Przykład |
---|---|
Ten przykład obejmuje etykiety osi r na określonych pozycjach na wykresie. Tekst etykiety określa się za pomocą parametru Etykiety o określonej pozycji Etykiety o określonej pozycji |
|
Ten przykład pokazuje domyślne wartości etykiet, ale tylko w określonych lokalizacjach.
|
Nie określono wartości
chxt=x,y chxt=x,y chxt=x,y chxp |
Style etykiet na osi chxs
Możesz określić rozmiar czcionki, kolor i wyrównanie etykiet osi – zarówno etykiet własnych, jak i wartości domyślnych. Wszystkie etykiety na tej samej osi mają ten sam format. Jeśli masz kilka kopii osi, możesz sformatować je w inny sposób. Możesz też określić format ciągu etykiety, na przykład wyświetlać symbole waluty lub końcowe zera.
Domyślnie oś górny i dolny nie wyświetlają znaków zaznaczania według wartości, a lewa i prawa os.
Składnia
Wartości wielu osi należy rozdzielić znakami pionowej (|
).
chxs= <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color> |...| <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
- <Oś_indeksu>
- Oś, do której ma to zastosowanie. Jest to indeks zerowy do parametru
chxt
. - <opt_format_string>
- [Opcjonalny] Jest to opcjonalny ciąg znaków, który pojawia się bezpośrednio po numerze indeksu osi bez interpunkcji. Zaczyna się od litery litera N, po której znajdują się następujące wartości, wszystkie są opcjonalne:
N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Znaczenie każdego elementu:<preceding_text>
– dosłowny tekst przed każdą wartością.*...*
– opcjonalny blok złożony z literowych gwiazdek, w którym można określić szczegóły formatowania liczb. Obsługiwane są następujące wartości, które są opcjonalne:<number_type>
– format liczb dla wartości liczbowych. Wybierz jedną z tych opcji:f
– [domyślny] format zmiennoprzecinkowy. Możesz też określić precyzję, używając wartości <decimal_places>.p
– format procentowy. Znak % jest dodawany automatycznie. Uwaga: w przypadku korzystania z tego formatu wartości danych z zakresu od 0,0 do 1,0 wskazują na 0 – 100% (np. 0,43 jest wyświetlane jako 43%).e
– format notacji naukowej.c<CUR>
– sformatuj liczbę w wybranej walucie z odpowiednim znacznikiem waluty. Zastąp<CUR>
3-literowym kodem waluty. Przykład:cEUR
dla euro. Listę kodów znajdziesz na stronie ISO, ale nie wszystkie symbole są obsługiwane.
<decimal_places>
– liczba całkowita określająca liczbę miejsc po przecinku. Wartość jest zaokrąglona do tej długości (nie jest obcięta). Wartość domyślna to 2.z
– ostatnie cyfry 0 na końcu. Wartość domyślna to nie.s
– separatory grup wyświetlaczy. Wartość domyślna to nie.x
luby
– wyświetla dane zgodnie ze współrzędną x lub y. Znaczenie danych x zależy od typu wykresu: poeksperymentuj z wykresem, aby określić jego znaczenie. Wartość domyślna to „y”.
<following_text>
– dosłowny tekst, po którym następuje każda wartość.
- <opt_label_color>
- Kolor, który ma zostać zastosowany do tekstu osi (ale nie do osi osi), podany w formacie szesnastkowym RRGGBB. Kolor linii osi określa się oddzielnie za pomocą parametru opt_os_color. Ustawienie domyślne to szary.
- <opt_font_size>
- [Opcjonalny] określa rozmiar czcionki w pikselach. Ten parametr jest opcjonalny.
- <opt_alignment>
- [Opcjonalnie] Wyrównanie etykiet. W przypadku osi u góry lub u dołu tekst określa sposób wyrównania etykiety z zaznaczonym nad i pod nią, a w przypadku lewej i prawej osi – tak wygląda, jak wyrównanie jest wewnątrz ramki ograniczającej, która dotyka osi. Podaj jedną z tych liczb:
-1
– u góry lub u dołu: etykiety znajdują się po prawej stronie kresek, w lewo lub w prawo: etykiety są wyrównane do lewej w obszarze obszaru. Domyślne dla etykiet osi R.0
– Na górze lub na dole: etykiety są wyśrodkowane na kleszczach; w lewo lub w prawo: etykiety są wyśrodkowane w ich obszarze. Domyślne dla etykiet osi x i t.1
Góra lub dół: etykiety znajdują się po lewej stronie kresek; etykiety po lewej lub prawej: etykiety są wyrównane do prawej strony. Domyślne dla etykiet osi Y.
- <opt_Oś_lub_Tick>
- [Opcjonalny; nieobsługiwany w Google-o-metr] Określa, czy wyświetlają się znaczniki czasu i/lub linie osi na tej osi. Znaczniki i linie osi są dostępne tylko dla wewnętrznych osi (na przykład nie są obsługiwane w przypadku zewnętrznej osi x). Użyj jednej z tych wartości:
l
(małe „L”) – narysuj tylko linię osi.t
– rysuj tylko znaczniki. Znaczniki to małe litery obok etykiet osi.lt
– [wartość domyślna] narysuj linię osi i kreski wszystkich etykiet._
– (podkreślenie) – nie rysuj ani linii osi, ani znaczników. Jeśli chcesz ukryć linię osi, użyj tej wartości.
- <kolor_tick>
- [Opcjonalny; nieobsługiwany w Google-o-metr] Kolor znacznika wyboru w formacie szesnastkowym RRGGBB. Ustawienie domyślne to szary.
- <opt_os_color>
- [Opcjonalny] Kolor linii osi w formacie szesnastkowym RRGGBB. Ustawienie domyślne to szary.
Przykłady
Opis | Przykład |
---|---|
Rozmiar i kolor czcionki są określane na drugiej osi X (styczeń, luty, marzec). |
|
Rozmiar, kolor i wyrównanie czcionki określa się na osi Y. Rysowane są znaczniki, ale nie linie osi. |
|
Ten wykres zawiera 3 zbiory danych i pokazuje 3 zestawy etykiet osi, po jednym w serii. Każdy zestaw etykiet jest sformatowany przy użyciu niestandardowego ciągu formatowania w sposób opisany poniżej:
Zakresy etykiet osi można ustawić za pomocą parametru |
chd=s: |
Style akcentu chxtc
Możesz określić długie znaczniki czasu dla konkretnych osi. Zwykle służy do rozszerzenia znacznika wyboru na całej długości wykresu. Aby zmienić kolor znacznika, użyj parametru chxs
.
Wartości wielu osi należy rozdzielać pionową kreską (|
). Wartości w serii muszą być rozdzielone przecinkami.
Składnia
chxtc= <axis_index_1>,<tick_length_1>,...,<tick_length_n> |...| <axis_index_m>,<tick_length_1>,...,<tick_length_n>
- <Oś_indeksu>
- Oś, do której ma to zastosowanie. Jest to indeks zerowy do parametru
chxt
. Oddziel wartości dla różnych osi, korzystając z separatora słupka. - <tick_length_1>,...<tick_length_n>
- Długość znaczników zaznaczania na tej osi (w pikselach). Jeśli podasz jedną wartość, będzie ona stosowana do wszystkich wartości. Jeśli podasz więcej niż jedną wartość, znaczniki zaznaczania na osi będą poruszać się po liście wartości tej osi. Wartości dodatnie są rysowane poza obszarem wykresu i są przycinane do obramowania wykresu. Maksymalna liczba dodatnich to 25. Wartości ujemne są rysowane wewnątrz obszaru wykresu i przycinane przez obramowanie obszaru wykresu.
Przykłady
Opis | Przykład |
---|---|
Przykład użycia znacznika
|
|
Ten wykres pokazuje zmienne długości długości. chxtc określa 2 wartości długości na osi Y (5 i 15), a kreski na wykresie są następowane między tymi wartościami. |
chxt=x,y |
Tło chf
jest pełne [wszystkie wykresy]
Możesz określić kolory i style wypełnienia dla obszaru danych wykresu lub całego tła wykresu. Typy wypełnienia to stałe wypełnienia, paski i gradienty.
Możesz określić różne wypełnienia dla różnych obszarów (np. całego obszaru wykresu lub tylko obszaru danych). Wypełnienie obszaru wykresu zastępuje wypełnienie w tle. Wszystkie wypełnienia określa się za pomocą parametru chf
. Możesz łączyć różne typy wypełnienia (stałe, paski, gradienty) na tym samym wykresie, rozdzielając je pionową kreską ( | ). Wypełnienia obszaru wykresu nadpiszą wykres w tle.
Solidne wypełnienie chf
[wszystkie wykresy]
Możesz określić stałe wypełnienie dla tła lub obszaru wykresu albo przypisać wartość przezroczystości do całego wykresu. Możesz podać wiele wypełnienia pionową kreską (|
). (Mapy: tylko tło).
Składnia
chf=<fill_type>,s,<color>|...
- <wypełnij_type>
- Ta część wykresu jest wypełniana. Określ jedną z tych wartości:
bg
– wypełnienie tłac
– wypełnienie obszaru wykresu. Nieobsługiwane w przypadku wykresów map.a
– zadbaj, aby cały wykres (w tym tło) był przezroczysty. Pierwsze sześć cyfr<color>
jest ignorowane, a całe dwie ostatnie wartości (przejrzystość) są stosowane do całego wykresu i wypełniane.b<index>
– ciągłe słupki słupka (tylko wykresy słupkowe). Zastąp <index> indeksem słupków, aby wypełnić jednolitym kolorem. Efekt jest podobny do określeniachco
na wykresie słupkowym. Przykład znajdziesz w sekcji Kolory wykresu słupkowego.
- s
- Wskazuje stałą lub przezroczystość wypełnienia.
- <kolor>
- Kolor wypełnienia w formacie szesnastkowym RRGGBB. W przypadku przezroczystości ignorujemy pierwsze 6 cyfr, ale mimo to należy je uwzględnić.
Przykłady
Opis | Przykład |
---|---|
W tym przykładzie tło wykresu wypełnia jasnoszary ( |
|
W tym przykładzie tło wykresu jest jasnoszary ( |
|
W tym przykładzie przezroczystość wynosi 50% całego wykresu (80 w formacie szesnastkowym to 128, a około 50% przezroczystości). Zwróć uwagę na tło komórki tabeli wyświetlane na wykresie. |
|
Gradient wypełnienia chf
[Line, Bar, Google-o-meter, Radar, Scatter,Veenn]
W obszarach lub tłach wykresu możesz zastosować co najmniej 1 wypełnienie gradientu. Wypełnienia gradientem zanikają z jednego koloru do drugiego. (wykres kołowy, Google-metr: tylko tło).
Każde wypełnienie gradientu określa kąt, a następnie co najmniej 2 kolory zakotwiczone są w określonej lokalizacji. Kolor zmienia się po przejściu z jednej kotwicy na drugą. Musisz mieć co najmniej 2 kolory z różnymi wartościami <color_centerpoint>, aby jeden mógł zaniknąć. Każdy dodatkowy gradient jest określany przez parę <color>,<color_centerpoint>.
Składnia
chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- <wypełnij_type>
- Obszar wykresu, który trzeba wypełnić. 1 z tych wartości:
bg
– wypełnienie tłac
– wypełnienie obszaru wykresu.b<index>
– gradient na pasku (tylko wykresy słupkowe). Zastąp <index> indeksem słupków, aby wypełnić gradient. Przykład znajdziesz w sekcji Kolory wykresu słupkowego.
- lg
- Określa wypełnienie gradientem.
- <kąt>
- Liczba określająca kąt od 0 (poziomy) do 90 (pionowy).
- <kolor>
- Kolor wypełnienia w formacie szesnastkowym RRGGBB.
- <color_centerpoint>
- Określa punkt zakotwiczenia koloru. Od tego momentu kolor będzie stopniowo zanikać wraz z zbliżaniem się do innej kotwicy. Zakres wartości musi się mieścić w zakresie od 0,0 (dolna lub lewa krawędź) do 1,0 (górna lub prawa krawędź) przechylony pod kątem określonym przez <kąt>.
Przykłady
Opis | Przykład |
---|---|
Obszar wykresu ma poziomy poziom liniowy, określony pod kątem zera ( Kolory to brzoskwinia ( Tło wykresu jest szare ( |
|
Wykres na wykresie ma ukośną wartość ukośną (u dołu od prawej do prawej). kąt wynosi czterdzieści pięć stopni ( Brzoskwinia ( Niebieski ( Tło wykresu jest szare ( |
|
Obszar wykresu ma gradient liniowy (od góry do dołu) określony pod kątem dziewięćdziesięciu stopni ( Pierwszy określony kolor to niebieski ( Brzoskwinia ( Tło wykresu jest szare ( |
|
Paski wypełniają chf
[wiersz, słupek, Google-metr, Radar, punktowy, wewnętrzny]
Możesz określić pasiaste tło tła dla całego wykresu lub cały wykres. (wykres kołowy, wykres Google-metr: tylko w tle).
Składnia
chf= <fill_type>,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- <wypełnij_type>
- Obszar wykresu, który trzeba wypełnić. 1 z tych wartości:
bg
– wypełnienie tłac
– wypełnienie obszaru wykresub<index>
– wypełnienia paskowe (tylko wykresy słupkowe); Zastąp <index> indeksem słupków, aby wypełnić słupkami. Przykład znajdziesz w sekcji Kolory wykresu słupkowego.
- ls
- Określa wypełnienie paska liniowego.
- <kąt>
- Kąt wszystkich pasków względem osi Y. Użyj
0
w przypadku pionowych pasków lub90
w przypadku poziomych. - <kolor>
- Kolor paska (w formacie szesnastkowym RRGGBB). Dla każdego dodatkowego paska powtórz wartości <color> i <width>. Musisz mieć co najmniej 2 paski. Paski zmieniają się do czasu wypełnienia wykresu.
- <szerokość>
- Szerokość tego paska – od
0
do1
– gdzie1
to pełna szerokość wykresu. Paski będą powtarzane, dopóki wykres nie zostanie wypełniony. W przypadku każdego dodatkowego paska powtórz wartości <color> i <width>. Musisz mieć co najmniej 2 paski. Paski zmieniają się do czasu wypełnienia wykresu.
Przykłady
Opis | Przykład |
---|---|
|
chf= |
|
chf= |
Linie siatki chg
[Linia, Bar, Radar, Rozproszony]
Za pomocą parametru chg
możesz określić na wykresie linie ciągłe lub przerywane.
Ten parametr nie pozwala określić grubości lub koloru linii. Więcej sposobów zaznaczania linii na wykresie znajdziesz w sekcjach Znaczniki kształtu (chm
typ h, H, v lub V), znaczniki zakresu (chm
) i znaczniki osi (chxtc
).
Składnia
chg= <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>
- <x_Oś_kroku>, <y_Oś_kroku_rozmiaru>
- Służy do obliczania liczby linii siatki x i y wyświetlanych na wykresie. 100 / rozmiar_kroku = liczba linii siatki na wykresie. Tak więc 20,25 oznacza 5 pionowych linii siatki i 4 poziome linie siatki.
- <opt_dash_length>, <opt_space_length>
- [Opcjonalny] – służy do definiowania przerywanych linii siatki. Pierwszy parametr to długość każdego wiersza kreski w pikselach. Drugi parametr to odstępy między myślnikami w pikselach. Wpisz 0 w polu <opt_space_length> w linii ciągłej. Wartości domyślne to 4,1.
- <opt_x_offset>,<opt_y_offset>
- [Opcjonalny] Liczba jednostek odpowiednio do skali wykresu, aby odsunąć odpowiednio linie osi x i y. Może to być wartość dodatnia lub ujemna. Jeśli określisz tę wartość, musisz też podać wszystkie poprzedzające wartości. Wartości domyślne to 0,0.
Przykłady
Opis | Przykład |
---|---|
W tych przykładach użyto tylko parametrów |
chg=20,50 chg=20,50 |
W tym przykładzie duże odstępy są używane do wyświetlania lżejszych linii siatki ( |
|
Aby wyświetlić ciągłe linie siatki, wpisz zero ( Ten wykres określa też przesunięcie osi 10. |
chg=20,50,1,0,10 |
Ten wykres pokazuje oś X osi 10, a oś Y – 20. |
chg=20,50,3,3,10,20 |
Style linii chls
[Line, Radar]
Za pomocą parametru chls
możesz określić grubość linii i wybrać liniowy. Ten parametr może być używany tylko do określania stylu linii na wykresach liniowych lub radarowych. Nie można go użyć do stylu linii na wykresie złożonym, chyba że typem wykresu liniowego jest wykres liniowy.
Składnia
Poszczególne style linii oddziel znakiem pionowej kreski ( |
). Pierwszy styl dotyczy pierwszego wiersza, drugi – itd. Jeśli masz mniej stylów niż wiersze, styl domyślny jest stosowany do wszystkich nieokreślonych wierszy.
chls= <line_1_thickness>,<opt_dash_length>,<opt_space_length> |...| <line_n_thickness>,<opt_dash_length>,<opt_space_length>
- <wiersz_1_grubość>
- Grubość linii w pikselach.
- <opt_dash_length>, <opt_space_length>
- [Opcjonalny] – służy do definiowania przerywanych linii siatki. Pierwszy parametr to długość każdego wiersza kreski w pikselach. Drugi parametr to odstępy między myślnikami w pikselach. W przypadku linii ciągłej nie podawaj żadnej wartości. Jeśli określisz tylko wartość <opt_dash_length>, wartość <opt_space_length> zostanie ustawiona na <opt_dash_length>. Wartość domyślna to 1,0 (linia ciągła).
Przykłady
Opis | Przykład |
---|---|
W tym miejscu linia przerywana jest oznaczona jako |
chls=3,6,3|5 |
Dynamiczne znaczniki ikon chem
[bar, linia, radary, punktowe]
Utwórz wykres i określ co najmniej 1 ikonę dynamiczną jako wartość chemiczną. Składnia właściwości chem
wygląda tak: Wszystkie elementy rozdzielone średnikami są fioletowe, a wszystkie można pominąć w adresie URL. Możesz uwzględnić wiele znaczników, dodając kilka ciągów składni rozdzielonych znakiem |. Więcej informacji o ikonach dynamicznych znajdziesz na stronie z ikonami dynamicznymi.
Wykres możesz też umieścić wewnątrz innego wykresu jako ikonę dynamiczną. Zobacz sekcję Wykresy umieszczone poniżej.
chem= y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
|...| y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
- s=<ikona_ciągu_ikony>
- Stała ciągu znaków dla ikony dynamicznej ze strony ikony dynamicznej. Ta wartość jest niemal taka sama jak parametr
chst
w przypadku wolnostojących ikon. Jeśli jednak ciąg znaków ikony wolnostojącej zaczyna się od „d_”, musisz usunąć ten prefiks, aby uzyskać odpowiednik znacznika dynamicznego ikony. Przykład: ikona wolnostojąca:d_bubble_icon_text_small
; równoważny znacznik ikony dynamicznej:bubble_icon_text_small
. - d=<ciąg_danych_znacznika>
- Dane wymagane dla tego konkretnego typu znacznika. Zawiera to ten sam ciąg, który byłby używany w parametrze
chld
dla równoważnej ikony wolnostojącej, z wyjątkiem, że wszystkie separatory | należy zastąpić przecinkami (pamiętaj, aby w przypadku tekstu wielowierszowego używać przecinków zamiast znaczników kreski pionowej). W ciągu danych musisz też użyć następujących symboli znaku @: pionowa kreska ( | ), @ ( ) , równa się ( = ), przecinek ( , ), średnik ( ; ). Przykłady:hello@,+world
,5@@10+cents+each
. - ds=<który_seria>
- [Opcjonalny] Indeks zerowy serii danych, do którego należy ten znacznik. Wartość domyślna to 0.
- dp=<który_punkty>
- [Opcjonalny] Określa, które punkty danych są używane do rysowania znaczników. Wartość domyślna to 0 (pierwszy punkt w serii). Użyj jednego z tych formatów:
n.d
– punkt danych, na który należy nałożyć znacznik, gdzie n.d to indeks z zerem w serii. Jeśli określisz wartość niebędącą liczbą całkowitą, ułamek oznacza obliczony punkt pośredni. Na przykład wartość 3, 5 oznacza połowa między punktami 3 i 4.range,<start>,<end>,<step>
– narysuj znacznik w każdym punkcie danych kroków z zakresu od start do end, włącznie z początkiem i końcem. Mogą to być liczby zmiennoprzecinkowe, które wskazują wartości przejściowe. Wszystkie wartości są opcjonalne; wartości domyślne to: start=0, end=ostatni element, krok=1. Jeśli pominiesz wartość, nadal musisz uwzględnić pośrednie przecinki, ale nie musisz dodawać pustych kropek. Przykład:dp=range,0,4
rysuje znacznik elementów 0–4,dp=range,5,10,2
znacznik w elementach 5, 7 i 9, punktdp=range,2
rysuje punkt 3.i późniejszy; znacznikdp=range,3,,1.5
rysuje co 1,5 punktu danych od czwartego do ostatniego elementu.all
– narysuj znacznik na każdym elemencie. Jest odpowiednikiem elementurange,0,end_index
. Przykład:dp=all
every,n
– narysuj znacznik co n znacznik. Przykład:dp=every,2
rysuje znacznik elementów 0, 2 i 4.
- py=<z_order>
- [Opcjonalny] Warstwa, w której można narysować znacznik, w porównaniu z innymi znacznikami i pozostałymi elementami wykresu. Jest to liczba zmiennoprzecinkowa od -1,0 do 1,0 włącznie, gdzie -1,0 to dolna, a 1,0 to górna. Liczba elementów wykresu (linii i słupków) wynosi poniżej zera. Jeśli 2 znaczniki mają tę samą wartość, są rysowane w kolejności podanej przez adres URL. Wartość domyślna to 0,0 (tuż nad elementami wykresu).
- po=<x,y>
- [Opcjonalnie] Bezwzględna pozycja na wykresie, w której chcesz narysować znacznik. X i Y to 2 liczba zmiennoprzecinkowa, gdzie 0,0,0.0 to lewy dolny róg, a 1,0,1,0 to prawy górny róg.
- z=<x_offset,y_offset>
- [Opcjonalny] Liczba pikseli, o które można przesunąć ikonę w stosunku do normalnej pozycji. x_offset i y_offset to dodatnie lub ujemne liczby całkowite. Należy podać tę wartość w osadzonej ikonie dynamicznej, ponieważ znacznik jest wyśrodkowany w pionie i poziomie w punkcie, co oznacza, że punkt prawdopodobnie nie wyrówna się z znacznikiem danych. Dobre przesunięcie dla pionowej pinezki to
of=0,22
. Dobre przesunięcie odchylenia toof=-12,20
lubof=12,20
, w zależności od kierunku nachylenia, ale może być konieczne eksperymentowanie. Wartość domyślna to 0,0.
Przykłady
Opis | Przykład |
---|---|
Oto przykłady tej samej ikony dynamicznej utworzonej jako obraz wolnostojący używany jako znacznik na wykresie liniowym.
Wykres 1: Wykres 2: |
|
Dynamiczny znacznik ikony zostanie wyśrodkowany w punktie w poziomie i w pionie. Jeśli użyjesz ikony dynamicznej z gonem, ogon nie znajdzie się na punkcie wykresu – środek będzie na środku. Pierwszy wykres wyśrodkowuje punkt w punkcie danych 3, który umieszcza pionowy róg po prawej stronie linii. Drugi wykres korzysta z wartości |
chem=y;
chem=y; |
Aby uwzględnić wiele ikon dynamicznych, powtórz ciąg składni oddzielony znakiem |. W tym przykładzie widać zakres, a także 2 pojedyncze znaczniki. Zwróć uwagę na to, że odsunięcie pionowych pinezek powoduje przesunięcie o 0,22, a skośna pinezka ma przesunięcie o 12,20, tak aby punkty dopasowania pasowały do serii. |
chem= |
Pokazuje wielowierszowy znacznik tekstu. Znacznik musi być przesunięty po dodaniu tekstu, ponieważ rozmiar dymka dopasowuje się do tekstu, co powoduje jego ponowne wyśrodkowanie na wykresie. Sprawdź, jak znaki nowego wiersza w tekście są rozdzielone przecinkami w ciągu danych d . |
chem=y; |
Wykresy umieszczone
Możesz umieścić jeden wykres w drugim, korzystając ze składni ikony dynamicznej.
Istnieją 2 style osadzonych wykresów: umieszczone w dymku i umieszczone na wykresie bez bąbelka. Oto przykłady:
Wykres z dymkiem |
Wykres bez dymka |
Oto szczegóły parametrów s=<icon_string_constant>;d=<marker_data_string>
(zarówno w przypadku innych danych, jak i kodów osadzonych w dymku) (parametry omówione powyżej nie są tu ponownie opisane):
Składnia
Non-bubble: chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset> Bubble: chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>
- ciąg_równoważenia
- [Tylko bumpery] – która część osadzonego na wykresie wykresu bąbelkowego jest przypięta do punktu danych. Wybierz jedną z dwuliterowych stałych ciągów znaków na tym diagramie:
- dane_wykresu
- Dane umieszczonego wykresu. To wszystko po
https://chart.googleapis.com/chart?
do umieszczenia na stronie w adresie URL wykresu. Użyj tego narzędzia lub postępuj zgodnie z podanymi niżej regułami. - frame_type
- [Tylko dymek] Jedna z ikon stałych stylów ramki.
- Dopełnienie
- [Tylko dymek] Dopełnienie w dymku w pikselach.
- kolor_ramki
- [Tylko dymek] Kolor ramki jako 6-cyfrowy ciąg znaków HTML bez znaku #. Przykład:
FF00FF
. - color_color
- [Tylko dymek] Kolor wypełnienia dymka jako 6-cyfrowy ciąg znaków HTML bez znaku #. Przykład:
FF00FF
.
Dane z osadzonego wykresu
Użyj następującego narzędzia do konwersji, aby łatwiej wygenerować ciąg wykresu, lub ręcznie wygeneruj ciąg wykresu zgodnie z regułami podanymi po narzędziu.
Reguły konwersji ręcznych
1. Najpierw zastąp wszystkie następujące znaki w parach parametrów i wartości tymi wartościami w następującej kolejności:
Zastąp | Z tym |
---|---|
%7C lub %7c |
| |
@ |
@@ |
% |
%25 |
i |
@, |
| |
@| |
; |
@; |
& |
%26 |
= |
%3D |
2. Następnie zastąp wszystkie wartości &
i =
w parach parameter1=value1¶meter2=value2...
przecinkami.
Wypełnienie linii chm
[Line, Radar]
Obszar pod wierszem danych możesz wypełniać jednolitym kolorem.
Wypełnienie wierszy można połączyć z innymi parametrami chm
za pomocą pionowej kreski (|
), aby oddzielić parametry chm
.
Składnia
chm= <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0> |...| <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
- <b_or_B>
- czy wypełniać dolną część wykresu, czy tylko następny wiersz,
- B – wypełnij
<start_line_index>
od dołu wykresu.<end_line_index>
obsługuje specjalną składnię, dzięki której możesz wypełnić segment wykresu. Najłatwiej jest to zrobić, jeśli masz wykres z 1 linią, którą chcesz wypełnić. - b – Wypełniaj 2 linie na wykresie wieloliniowym. Wiersze rozpoczęcia i zakończenia są oznaczone znakami
<start_line_index>
i<end_line_index>
.
- B – wypełnij
- <kolor>
- Liczba szesnastkowa formatu koloru RRGGBB w kolorze wypełnienia.
- <start_line_index>
- Indeks wiersza, od którego zaczyna się wypełnianie. Pierwsza seria danych określona w zasadzie
chd
ma indeks równy 0 (0
), druga seria1
itd. - <end_line_index>
-
- Typ wypełnienia „b” – wiersz, w którym należy zatrzymać wypełnianie. Ta linia musi znajdować się poniżej obecnego wiersza.
- Typ wypełnienia „B” – jedna z tych opcji:
- dowolna wartość – każda liczba w tym parametrze jest ignorowana, a wypełnienie przejdzie z określonej linii do podstawy wykresu.
- start:end – aby wypełnić pionowy segment pod wykresem, podaj start:end, gdzie są indeksy punktów danych opisujące, gdzie zacząć i zatrzymać wypełnianie. Obie wartości są opcjonalne i domyślnie ustawione first_point:last_point. Zobacz przykład poniżej.
- <0 >
- Zarezerwowany – musi wynosić zero.
Przykłady
Opis | Przykład |
---|---|
W przypadku pojedynczej serii najłatwiej jest użyć To jedyny typ wypełnienia dostępny na wykresach radarowych. |
|
Oto wykres z 2 liniami i 2 wypełnieniami. Wypełnienie obszaru pod dolną i górną linią wymaga specjalnej metody, którą omówimy poniżej. |
|
Na wykresie wieloliniowym, aby wypełnić pola od góry do pierwszego wiersza, uwzględnij serię zawierającą dwie kopie najwyższej wartości danych dla formatu danych. Na przykład „ Aby wypełnić od ostatniego wiersza do dołu wykresu, dołącz serię zawierającą 2 kopie danych o najniższej wartości formatu danych. Np. AAAA dla rozszerzonego kodowania, 0,0 dla podstawowego formatu tekstowego itd. Te linie są czarne na podstawie |
chd=e: (najwyższa wartość) (zero)chm= (jasnoniebieski) b,224499,1,2,0| (niebieski) b,FF0000,2,3,0| (czerwony) b,80C65A,3,4,0 (zielony)chco=000000 |
Oto wykres liniowy z wycinkami pionowymi. Można to zrobić, określając parę start:end dla <end_line_index> z typem wypełnienia wiersza „B”.
|
chm= |
Ten przykład pokazuje wykorzystanie liniowego wypełnienia na wykresie. |
chm= |
Znaczniki kształtu chm
[słup, liniowy, Radar, punktowy]
Na wykresie możesz określić znaczniki graficzne dla wszystkich lub poszczególnych punktów danych. Jeśli co najmniej 2 znaczniki zajmują ten sam punkt, są one ułożone w kolejności, w jakiej występują w parametrze chm
.
Możesz też tworzyć znaczniki tekstowe w punktach danych, które są wymienione w Znacznikach punktów danych.
Możesz połączyć znaczniki kształtu z innymi parametrami chm
za pomocą pionowej kreski ( |
) do oddzielania parametrów chm
.
Składnia
Określ jeden zestaw tych parametrów dla każdej serii, która powinna być oznaczona. Aby oznaczyć kilka serii, utwórz dodatkowe zestawy parametrów rozdzielone pionową kreską. Nie musisz oznaczać wszystkich serii. Jeśli nie przypiszesz znaczników do serii danych, nie otrzyma żadnych znaczników.
Znaczniki kształtów działają nieco inaczej w wykresach punktowych. Więcej informacji znajdziesz w dokumentacji.
chm= [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset> |...| [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
- @
- [opcjonalny] – jeśli poprzedzasz typ znacznika znakiem @, znak <opt_who_points> powinien być w formacie x:y.
- <marker_type>
- Typ znacznika. Określ jeden z tych typów:
a
– strzałkac
– krzyżC
– prostokąt. Jeśli znacznik prostokątny musi mieć co najmniej 2 serie danych, gdzie seria 0 określa dolną krawędź, a seria 1 – górną. Element <size> określa szerokość prostokąta w pikselach.d
– diamentowyE
– znacznik paska błędów () Wymagany jest 2 serie danych – jedna na dole, a drugi odpowiedni punkt na górze. Pokazuje też rozszerzoną składnię <size>: line_thickness[:top_and_bottom_width], gdzie top_and_bottom_width jest opcjonalna. Zobacz poniższe przykłady.
h
– pozioma linia na wykresie o określonej wysokości. Jedynym prawidłowym formatem parametru <opt_who_points> jest n.d.H
– linia pozioma określoną za pomocą znacznika danych. Obsługuje rozszerzoną składnię <size>, która pozwala określić dokładną długość wiersza: line_thickness[:length], gdzie :length jest opcjonalny i domyślnie przyjmuje całą szerokość obszaru wykresu.o
– kółkos
– kwadratv
– pionowa linia od osi X do punktu danych.V
– pionowa linia o różnej długości. Obsługuje rozszerzoną składnię wartości <size>, która pozwala określić dokładną długość wiersza: line_thickness[:length], gdzie :length jest opcjonalny i domyślnie przyjmuje pełną wysokość obszaru wykresu. Znacznik jest wyśrodkowany na punkcie danych.x
– X
- <kolor>
- Kolor znaczników w tej serii w formacie szesnastkowym RRGGBB.
- <series_index>
- Indeks zerowy serii danych, w którym można rysować znaczniki. Ignoruj w przypadku znaczników i znaczników
h
, które określają lokalizację według pozycji x/y (zaczynają się od znaku @). Jako źródeł znaczników możesz używać serii ukrytych danych. Więcej informacji znajdziesz w artykule Wykresy złożone. Pogrupowane pionowe wykresy słupkowe obsługują specjalną składnię rozszerzoną, by wyrównać znaczniki z określonymi słupkami. - <opt_who_points>
- [Opcjonalny] Punkty, na których mają rysować znaczniki. Domyślnie są wszystkie znaczniki. Użyj jednej z tych wartości:
n.d
– miejsce rysowania znacznika, Znaczenie zależy od typu znacznika:- Wszystkie typy z wyjątkiem h – punkt danych, na który chcesz nałożyć znacznik, gdzie n.d to indeks z zerem w serii. Jeśli określisz wartość nieliczbową, ułamek oznacza obliczony punkt pośredni. Na przykład 3, 5 oznacza połowa między punktami 3 i 4.
h
– liczba od 0,0 do 1,0, gdzie 0,0 to dół wykresu, a 1,0 to u góry wykresu.
-1
– narysuj znacznik we wszystkich punktach danych. Możesz też pozostawić ten parametr pusty, aby rysować wszystkie punkty danych.-n
– narysuj znacznik w każdym n punkcie danych. Wartość zmiennoprzecinkowa. Jeśli wartość n jest mniejsza niż 1, wykres obliczy dodatkowe punkty pośrednie. Na przykład wartość -0,5 będzie umieszczać dwa razy więcej znaczników niż punkty danych.start:end:n
– narysuj znacznik w każdym n punkcie danych w zakresie od start do end w wartości indeksu. Wszystkie parametry są opcjonalne (mogą być nieobecne), więc format 3::1 będzie należeć do czwartego elementu do ostatniego kroku, a pominięcie tego parametru domyślnie miałoby wartość first:last:1. Wszystkie wartości mogą być liczbami zmiennoprzecinkowymi. Wartości start i end mogą być ujemne, aby można było odwrócić ostatnią wartość. Jeśli wartości start i end są ujemne, sprawdź, czy są podane w rosnącej wartości (np. -6:-1:1). Jeśli wartość kroku n jest mniejsza niż 1, obliczy dodatkowe punkty danych, interpolując podane wartości danych. Wartości domyślne to first:last:1x:y
– narysuj znacznik w określonym punkcie x/y na wykresie. Ten punkt nie musi być linią. Aby użyć tej opcji, dodaj znak @ przed typem znacznika. Wpisz współrzędne jako wartości zmiennoprzecinkowe, gdzie0:0
to lewy dolny róg wykresu, a1:1
– prawy górny róg wykresu. Aby na przykład dodać czerwony 15-pikselowy romb w środku wykresu, użyj@d,FF0000,0,0.5:0.5,15
.
- <rozmiar>
- Rozmiar znacznika w pikselach. Większość parametrów ma jedną wartość liczbową. Znaczniki V, H i S obsługują składnię <size>[:width], gdzie opcjonalna druga część określa długość linii lub znacznika.
- <opt_z_order>
- [Opcjonalny] Warstwa, w której można narysować znacznik, w porównaniu z innymi znacznikami i pozostałymi elementami wykresu. Jest to liczba zmiennoprzecinkowa od -1,0 do 1,0 włącznie, gdzie -1,0 to dolna, a 1,0 to górna. Liczba elementów wykresu (linii i słupków) jest mniejsza niż zero. Jeśli 2 znaczniki mają tę samą wartość, są rysowane w kolejności podanej w adresie URL. Wartość domyślna to 0,0 (tuż nad elementami wykresu).
- <opt_offset>
- [Opcjonalny] Pozwala określić przesunięcie w poziomie i w pionie od określonej lokalizacji. Oto składnia, która korzysta z separatora:
reserved:<horizontal_offset>:<vertical_offset>
. Jeśli podasz wartość, możesz wstawić pustą wartość w ciągu parametruchm
dla parametru <opt_z_order>. Przykłady:o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20
- zarezerwowane – pozostaw puste.
<horizontal_offset>
– liczba dodatnia lub ujemna określająca przesunięcie w poziomie w pikselach. Opcjonalnie: jeśli nie jest używany, pozostaw to pole puste.<vertical_offset>
– dodatnia lub ujemna liczba określająca przesunięcie w pionie, w pikselach. Opcjonalnie: jeśli nie jest używany, pozostaw to pole puste.
Przykłady
Opis | Przykład |
---|---|
Oto kilka przykładów znaczników kształtu i linii.
|
chm= |
Oto przykład zastosowania diamentów w jednej serii danych i okręgów dla drugiej serii danych. Jeśli w tym samym punkcie znajdują się co najmniej 2 znaczniki, są one rysowane w takiej kolejności, w jakiej występują w parametrze |
chm= |
Oto wykres liniowy ze znacznikiem na każdym drugim punkcie danych (-2 oznacza każdy inny punkt). |
chd=t: |
Poniżej znajduje się wykres liniowy zawierający 2 razy większą liczbę znaczników niż punkty danych (-0,5 oznacza każdy pół punktu). | chd=t: |
Ten przykład pokazuje, jak używać znaczników h i v do tworzenia linii siatki z niestandardowymi kolorami i grubością. Wartość kolejności nakładania elementów (ostatnia wartość) jest ustawiona na -1, aby linie siatki były zaznaczone poniżej linii danych. |
chm= |
Ten wykres dodaje pionowe linie wypełnienia do wykresu liniowego:
|
chm= |
Ten przykład dodaje do wykresu strzałkę i znacznik tekstowy z wykorzystaniem dokładnych współrzędnych. Pierwszy znacznik D to linia śledzenia pod słupkami. Drugi znacznik to strzałka, a trzeci znacznik to tekst strzałki. | chm= |
Pozioma linia ustawiona na określony punkt danych (H ) może być przydatna przy wyświetlaniu wartości względnych lub podkreślaniu wysokości danych na wykresie. |
chm=H,FF0000,0,18,1 |
Ten wykres pokazuje znaczniki, które mogą określać grubość linii w parametrze <size>.
|
chm=
|
Znaczniki wartości tekstowej i danych chm
[Wykres słupkowy, Liniowy, Radar, Wykres punktowy]
Poszczególne punkty na wykresie możesz oznaczać własnym tekstem lub w sformatowanych wersjach tych danych.
Możesz łączyć dowolne znaczniki chm
, używając znaku pionowej kreski (|
) do oddzielania zestawów parametrów chm
.
Uwaga o wartościach ciągów: w ciągach etykiet dozwolone są tylko znaki bezpieczne w adresach URL. Dla bezpieczeństwa zalecamy zakodowanie adresów URL wszystkich ciągów zawierających znaki spoza zestawu znaków 0-9a-zA-Z
.
Koder adresów URL znajdziesz w dokumentacji wizualizacji Google.
Składnia
Określ jeden zestaw tych parametrów dla każdej serii, która powinna być oznaczona. Aby oznaczyć wiele serii, utwórz dodatkowe zestawy parametrów rozdzielone pionową kreską. Nie musisz oznaczać wszystkich serii. Jeśli nie przypiszesz znaczników do serii danych, nie otrzyma żadnych znaczników.
chm= <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement> |...| <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
- <marker_type>
- Typ znacznika. Do wyboru masz te typy:
f<text>
– flaga zawierająca tekst. Określ znak „f”, a następnie niestandardowy tekst zakodowany na potrzeby adresu URL. Aby uniknąć przecinków w znacznikach tekstowych, poprzedź przecinek znakiem \. Przykład:fHello\,+World!
t<text>
– prosty znacznik tekstowy. Określ znak „t”, po którym następuje niestandardowy tekst zakodowany na potrzeby adresu URL. Aby uniknąć przecinków w znacznikach tekstowych, poprzedź przecinek znakiem \. Przykład:tHello\,+World!
A<text>
– znacznik adnotacji. Działa to podobnie jak znacznik flagi, ale znaczniki koordynują położenie, tak aby nie nakładały się na siebie. Jedynym prawidłowym formatem punktu <opt_who_points> jest n.d, który wskazuje indeks punktu w serii.N<formatting_string>
– wartość danych na tym etapie z opcjonalnym formatowaniem. Jeśli nie użyjesz parametruchds
(skalowania niestandardowego), będzie on dokładnie zakodowany. Jeśli użyjesz tego parametru z dowolnym typem formatu, wartość zostanie przeskalowana do określonego przez Ciebie zakresu. Poniżej znajdziesz przykład znacznikachds
z znacznikami liczbowymi. Ten typ znacznika na wykresie skumulowanym oznacza, że jeśli podasz wartość -1 dla parametru <series_index>, wyświetli się znacznik, który przedstawia sumę wszystkich wartości z tego wykresu. Składnia ciągu formatowania to:
<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Wszystkie te elementy są opcjonalne. Znaczenie każdego elementu:<preceding_text>
– tekst poprzedzający każdą wartość.*...*
– opcjonalny blok złożony z literowych gwiazdek, w którym można określić szczegóły formatowania liczb. Obsługiwane są następujące wartości, które są opcjonalne:<number_type>
– format liczb dla wartości liczbowych. Wybierz jedną z tych opcji:f
– [domyślny] format zmiennoprzecinkowy. Możesz też określić precyzję, używając wartości <decimal_places>.p
– format procentowy. Znak % jest dodawany automatycznie. Uwaga: w przypadku korzystania z tego formatu wartości danych z zakresu od 0,0 do 1,0 wskazują na 0 – 100% (np. 0,43 jest wyświetlane jako 43%).e
– format notacji naukowej.c<CUR>
– sformatuj liczbę w wybranej walucie z odpowiednim znacznikiem waluty. Zastąp<CUR>
3-literowym kodem waluty. Przykład:cEUR
w przypadku euro. Listę kodów znajdziesz na stronie ISO, ale nie wszystkie symbole są obsługiwane.
<decimal_places>
– liczba całkowita określająca liczbę miejsc po przecinku. Wartość jest zaokrąglona do tej długości (nie jest obcięta). Wartość domyślna to 2.z
– ostatnie cyfry 0 na końcu. Wartość domyślna to nie.s
– separatory grup wyświetlaczy. Wartość domyślna to nie.x
luby
– wyświetla dane zgodnie ze współrzędną x lub y. Znaczenie danych x zależy od typu wykresu: poeksperymentuj z wykresem, aby określić jego znaczenie. Wartość domyślna to „y”.
<following_text>
– tekst zgodny z każdą wartością.
- <kolor>
- Kolor znaczników dla tego zestawu w formacie szesnastkowym RRGGBB.
- <series_index>
- Indeks zerowy serii danych, w którym można rysować znaczniki. Jeśli jest to skumulowany wykres słupkowy, a typ znacznika to N (wartości punktów danych), możesz podać -1, aby utworzyć skumulowany znacznik wartości dla każdego stosu słupków. Przykład znajdziesz poniżej.
- <opt_who_points>
- [Opcjonalny] Punkty, na których mają rysować znaczniki. Domyślne to wszystkie znaczniki. Użyj jednej z tych wartości:
n.d
– punkt danych, na który należy nałożyć znacznik, gdzie n.d to indeks z zerem w serii. Jeśli określisz wartość nieliczbową, ułamek oznacza obliczony punkt pośredni. Na przykład wartość 3,5 oznacza połowa między punktami 3 i 4.-1
– narysuj znacznik we wszystkich punktach danych. Możesz też pozostawić ten parametr pusty, aby rysować wszystkie punkty danych.-n
– narysuj znacznik w każdym n punkcie danych.start:end:n
– narysuj znacznik co n punkt danych w zakresie od start do end w wartości indeksu. Wszystkie parametry są opcjonalne (mogą być nieobecne), więc format 3::1 będzie należeć do czwartego elementu do ostatniego kroku, a pominięcie tego parametru domyślnie miałoby wartość first:last:1. Wszystkie wartości mogą być liczbami zmiennoprzecinkowymi. Wartości start i end mogą być ujemne, aby można było odwrócić ostatnią wartość. Jeśli wartości start i end są ujemne, sprawdź, czy są podane w rosnącej wartości (np. -6:-1:1). Jeśli wartość kroku n jest mniejsza niż 1, obliczy dodatkowe punkty danych, interpolując podane wartości danych. Wartości domyślne to first:last:1x:y
– [Nieobsługiwane w przypadku znaczników typu N] Narysuj znacznik w określonym punkcie X/Y na wykresie. Ten punkt nie musi znajdować się w linii. Aby użyć tej opcji, dodaj znak at (@
) przed typem znacznika. Wpisz współrzędne jako zmiennoprzecinkowe wartości, gdzie0:0
to lewy dolny róg wykresu,0.5:0.5
to środek wykresu, a1:1
prawy górny róg wykresu. Aby na przykład dodać czerwony 15-pikselowy romb w środku wykresu, użyj@d,FF0000,0,0.5:0.5,15
.
- <rozmiar>
- Rozmiar znacznika w pikselach. Jeśli jest to wykres rozproszony z trzecią serią danych (używaną do określania rozmiarów punktów), ta wartość będzie skalowana według zakresu danych. Jeśli zakres danych wynosi od 0 do 100, a rozmiar <rozmiar> wynosi 30, wartość danych 100 to 30 pikseli, wartość danych 50 szerokości itd.
- <opt_z_order>
- [Opcjonalny] Warstwa, w której można narysować znacznik, w porównaniu z innymi znacznikami i pozostałymi elementami wykresu. Jest to liczba zmiennoprzecinkowa od -1,0 do 1,0 włącznie, gdzie -1,0 to dolna, a 1,0 to górna. Liczba elementów wykresu (linii i słupków) jest mniejsza niż zero. Jeśli 2 znaczniki mają tę samą wartość, są rysowane w kolejności podanej przez adres URL. Wartość domyślna to 0,0 (tuż nad elementami wykresu).
- <opt_placement>
- [Opcjonalnie] Dodatkowe informacje o miejscu docelowym, w którym należy umieścić ten znacznik w odniesieniu do punktu danych. Możesz określić pozycjonowanie względne w poziomie lub w pionie oraz przesunięcia. Składnia miejsca docelowego to ciąg znaków z separatorami:
widoczny poniżej. Wszystkie elementy są opcjonalne:
<horizontal_and_vertical_justification>:<horizontal_offset>:<vertical_offset>
. Jeśli podasz wartość, możesz wstawić pustą wartość w ciągu parametruchm
dla elementu <opt_z_order>. Przykłady:N,000000,0,1,10,,b
,N,000000,0,1,10,,lv
iN,000000,0,1,10,,r::10
.- just_vertical_and_vertical_justify
- Punkt zakotwiczenia znacznika. Działa to przeciwnie do uzasadnienia, więc lewa kotwica umieszcza znacznik po prawej stronie danych. Uzasadnienie pionowe lub poziome możesz wybrać z tej listy:
- Umiejscowienie w poziomie: „l”, „h” lub „r” – Z lewej, pośrodku lub z prawą zakotwiczeniem w poziomie. Wartość domyślna to „l”.
- Umiejscowienie w pionie: „b”, „v”, „t” – u dołu, pośrodku lub zakotwiczonym pionowo. Wartość domyślna to „b”.
- Miejsce zależne od paska [tylko wykresy słupkowe]: „s”, „c”, „e” – słupek środkowy, górny lub górny. W przypadku wykresów skumulowanych jest to uzależnione od sekcji słupka każdej serii, a nie całego słupka. Jeśli indeks serii wynosi -1 (łączny stos), odnosi się do całego paska. Można to połączyć z pionowymi wartościami miejsc docelowych, np. „be” lub „vs”. Wartość domyślna to „e”.
- poziomo_przesunięty
- Przesunięcie w poziomie tego znacznika w pikselach. Wartość domyślna to 0.
- vertical_offset
- Odsunięcie tego znacznika w pionie w pikselach. Domyślny wykres słupkowy: 15 – domyślny wykres słupkowy: 2.
Opis | Przykład | |
---|---|---|
Oto przykład etykiet wartości na wykresie słupkowym. Pierwszy wykres ( Drugi wykres ( |
|
|
Za pomocą parametru W tym przykładzie pokazano wykres z zakodowanymi na stałe wartościami 46, 39, 29, 30, 43 i 41. Prosty zakres kodowania to 0–61. Parametr |
chd=s:underp |
|
Oto przykład wykresu z etykietą tekstową w minimalnym punkcie i etykietą flagi w punkcie maksymalnym. |
|
|
Ten przykład przedstawia skumulowany wykres z wartościami poszczególnych serii oraz ich łączny wynik. Aby wyświetlić skumulowane wartości serii, musimy użyć opcji pozycjonowania „c”. W przeciwnym razie wartość słupka u góry pokrywałaby się z łączną wartością u góry. | chm= |
|
Oto kilka przykładów działania miejsc docelowych w pionie i w poziomie. Ten przykład pokazuje różne kombinacje wartości kotwicy dla wykresów słupkowych (korzystające z s, c i e do rozmieszczania pionowego). Zauważ, jak prawy kotwica przemieszcza znacznik w lewo, a górna kotwica przemieszcza znacznik w dół i odwrotnie. Czerwone kropki pokazują podstawę, środek i górną część każdego słupka. Liczba to wartość danych, którą ustawia się za pomocą różnych wartości kotwicy dla każdego słupka. | chm= |
|
Znaczniki adnotacji automatycznie dostosowują pozycję etykiety, tak aby nie nakładały się na siebie. Pierwsza wartość chm to wypełnienie wiersza. Poniższe wartości są znacznikami adnotacji. |
chm=B,C5D4B5BB,0,0,0 |
|
Inny przykład znacznika adnotacji pokazującego wysokość miasta w Szwajcarii. |
Znaczniki zakresu chm
[bar, świeca, liniowy, radar, punktowy]
Możesz zaznaczyć kolorowe paski w tle lub w pionie, aby wyróżnić określone obszary wykresu.
Jeśli chcesz rozdzielić zestawy parametrów chm
, możesz połączyć dowolne znaczniki chm
za pomocą pionowej kreski ( |
).
Składnia
Określ jeden zestaw następujących parametrów dla każdego pasma. Aby narysować kilka pasm, utwórz dodatkowe zestawy parametrów rozdzielone pionową kreską. Zakresy są ułożone w określonej kolejności, więc ostatni rysowany zakres zostanie nałożony na poprzednie zakresy.
chm= <direction>,<color>,0,<start_point>,<end_point> |...| <direction>,<color>,0,<start_point>,<end_point>
- <kierunek>
- Określa cieniowanie w poziomie lub w pionie. Użyj zakresu
r
w poziomie w poziomie iR
w zakresie pionowym. - <kolor>
- Kolor zakresu jako numer szesnastkowy w formacie RRGGBB.
- 0
- Zarezerwowany – musi wynosić zero.
- <start_point>
- Pozycja początkowa zakresu.
- W przypadku znaczników w poziomie oznacza to miejsce na osi Y, gdzie
0.00
jest na dole wykresu, a1.00
u góry wykresu. - W przypadku znaczników zakresu pionowego jest to pozycja na osi X, gdzie
0.00
jest po lewej stronie wykresu, a1.00
po prawej stronie wykresu.
- <end_point>
- Pozycja końcowa zakresu.
- W przypadku znaczników w poziomie oznacza to miejsce na osi Y, gdzie
0.00
jest na dole wykresu, a1.00
u góry wykresu. - W przypadku znaczników zakresu pionowego jest to pozycja na osi X, gdzie
0.00
jest po lewej stronie wykresu, a1.00
po prawej stronie wykresu.
Przykłady
Opis | Przykład |
---|---|
Znaczniki zakresu mogą oznaczać cienkią linię lub paski kolorów.
|
|
Ten przykład pokazuje znaczniki zakresu pionowego. Pierwszy znacznik to czerwona linia ( |
|
Znaczniki są rysowane w określonej kolejności. W tym przykładzie widać, że pionowy czerwony znacznik został narysowany przed niebieskim znacznikiem poziomym. |
chm= |
Oto przykład wykresu liniowego, który korzysta ze znaczników zakresu do rysowania cienkich poziomych linii na wykresie 0 linii z punktem środkowym i u góry. |
|
Znaczniki na świecach chm=F
[słupek,
linia]
Znaczniki świeczki wskazują wariancję i zmianę kierunku w serii danych. Często używa się ich do pokazywania wartości akcji w ciągu dnia. Znacznik zawiera segmenty, w których widać dużą i niską wartość, a także wartości otwarcia i zamknięcia w wybranym okresie (zazwyczaj w ciągu dnia). Więcej informacji o znacznikach świeczki znajdziesz tutaj.
Świecznik jest narysowany jako prostokąt przecięty pionową linią. Do narysowania znacznika świecy trzeba wykonać cztery serie danych. Oto co określa każda seria:
- Seria 1 i 4 określają odpowiednio dolną i górną linię linii. Zazwyczaj są to niskie i wysokie wartości z danego dnia.
- Seria 2 i 3 określają pionowe obramowanie prostokąta. Seria 2 to wartość otwierająca, a seria 3 – wartością zamykającą. Kolor prostokąta zależy od tego, który z nich jest wyższy: gdy wartość otwarcia (seria 2) jest niższa od wartości zamknięcia (seria 3), cena wzrosła, a prostokąt jest wypełniony pełnym zielonym kolorem, gdy wartość otwarcia (seria 2) jest wyższa niż wartość zamknięcia (seria 3), cena jest domyślnie obniżona, a prostokąt jest wypełniany na stałe czerwonym kolorem. Możesz podać tylko kolor wypełnienia prostokąta z malejącą wartością. Jeśli określisz tę wartość, prostokąt o większej wartości będzie niewypełniony (pusty). Pamiętaj, że seria 2 może się znajdować na górze lub na dole prostokąta w zależności od tego, czy cena wzrosła, czy spadła.
Znaczniki świeczki można łączyć z innymi parametrami chm
za pomocą znaku pionowej kreski (|
), aby oddzielić parametry chm
.
Uwaga: jeśli nie chcesz, aby wiersze danych służących do rysowania znaczników pojawiały się na wykresie, po typie formatu musisz dodać 0. np. chd=t0:10,20,30,40
w ciągu danych formatu tekstowego. Aby dowiedzieć się więcej, zobacz Wykresy złożone.
Oto przykład, który przedstawia wiersze każdej serii:
Składnia
chm= F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
- F
- Wskazuje na znacznik świecy.
- <opt_declining_color>
- [Opcjonalnie] Kolor wypełnienia prostokątów, gdy wartość się zmniejszy (gdy seria 2 > wartość odpowiadająca serii 3). Jest to szesnastkowy numer w formacie RRGGBB. Gdy wartości się zwiększą, prostokąt będzie pusty. Domyślnie jest zielony, co zwiększa się, czerwony staje się malejący (nie można określić niestandardowego koloru wypełnienia w przypadku zwiększenia wartości).
- <data_series_index>
- Indeks serii danych, który ma służyć jako pierwsza seria znaczników świec. Jest to indeks zerowy. Jeśli więc 1 oznaczysz tutaj, a Ty masz 6 serii, do wypełnienia znaczników świeczek zostanie użyta druga, trzecia, czwarta i piąta.
- <opt_who_points>
- [Opcjonalny] Określa, które punkty danych są używane do rysowania znaczników. Domyślne są wszystkie znaczniki. Użyj jednego z tych formatów:
n.d
– narysuj znacznik w jednym punkcie serii, gdzie n.d to indeks punktu w serii. Jeśli określisz wartość nieliczbową, ułamek oznacza obliczony punkt pośredni. Na przykład 3, 5 oznacza połowa między punktami 3 i 4.-1
– narysuj znacznik we wszystkich punktach danych. Możesz też pozostawić ten parametr pusty, aby rysować na wszystkich znacznikach.-n
– narysuj znacznik w każdym n punkcie danych.start:end:n
– narysuj znacznik w każdym n punkcie danych w zakresie, od start do end w wartości indeksu. Wszystkie parametry są opcjonalne (mogą być nieobecne), więc format 3::1 będzie należeć do czwartego elementu do ostatniego kroku, a pominięcie tego parametru domyślnie miałoby wartość first:last:1. Wszystkie wartości mogą być liczbami zmiennoprzecinkowymi. Wartości start i end mogą być ujemne, aby można było odwrócić ostatnią wartość. Jeśli wartości start i end są ujemne, sprawdź, czy są podane w rosnącej wartości (np. -6:-1:1). Jeśli wartość kroku n jest mniejsza niż 1, obliczy dodatkowe punkty danych, interpolując podane wartości danych. Wartości domyślne to first:last:1
- <szerokość>
- Szerokość wszystkich prostokątów w pikselach.
- <opt_z_order>
- [Opcjonalny] Warstwa, w której można narysować znacznik, w porównaniu z innymi znacznikami i pozostałymi elementami wykresu. Jest to liczba zmiennoprzecinkowa od -1,0 do 1,0 włącznie, gdzie -1,0 to dolna, a 1,0 to górna. Liczba elementów wykresu (linii i słupków) jest mniejsza niż zero. Jeśli 2 znaczniki mają tę samą wartość, są rysowane w kolejności podanej przez adres URL. Wartość domyślna to 0,0 (tuż nad elementami wykresu).
Przykłady
Opis | Przykład |
---|---|
Oto przykład znaczników świecowych na wykresie liniowym z 4 serią. Określono niestandardowy kolor wypełnienia Pierwszy i ostatni prostokąt zostaną przycięte na wykresie. Aby wykluczyć te wartości, możesz podać 1:4 dla czwartego parametru chm. Zwróć uwagę na zero w ciągu danych, aby ukryć wiersze serii: Parametr <who_point> jest pusty, co oznacza, że świece mają być wybierane na wszystkie punkty danych. |
chd=t0: |
Oto przykład tego samego wykresu – z użyciem kolorów domyślnych oraz usunięcie pierwszego i ostatniego elementu. To jest wykres złożony. Jest to wykres liniowy (typ wykresu podstawowego) i znaczniki świecowe. Wartość 1 w polu |
|
Znaczniki linii chm=D
[bar, świeca, liniowy, Radar, punktowy]
Możesz dodać linię, która śledzi dane na wykresie. Najczęściej używa się go do tworzenia wykresów złożonych.
Aby dodać kilka wierszy (lub połączyć je z innymi znacznikami chm
), oddziel zestawy parametrów chm za pomocą separatora pionowej (|
). Nie możesz utworzyć znacznika linii przerywanej za pomocą tego parametru.
Składnia
chm= D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
- D
- Wskazuje, że jest to znacznik linii.
- <kolor>
- Kolor linii w formacie szesnastkowym RRGGBB.
- <series_index>
- Indeks serii danych używanych do rysowania linii. Indeks serii danych to
0
dla pierwszej serii danych,1
dla drugiej serii danych itd. - <które_punkty>
- Wskaż, które punkty w serii mają być używane do rysowania linii. Użyj jednej z tych wartości:
0
– wykorzystaj wszystkie punkty z tej serii.start:end
– zastosuj konkretny zakres punktów w serii, od startu do end, włącznie (indeks zerowy). Możesz też użyć wartości zmiennoprzecinkowych, by wskazać punkty pośrednie, lub pozostawić start lub end pusty, by wskazać pierwszy lub ostatni punkt danych. Wartości start i end mogą być wartością ujemną, czyli odwrotną wartością od ostatniej wartości. Jeśli wartości start i end są ujemne, dodaj je z kolejną wartością (np. -6:-1).
- <rozmiar>
- Szerokość linii w pikselach.
- <opt_z_order>
- [Opcjonalny] Warstwa, w której można narysować znacznik, w porównaniu z innymi znacznikami i pozostałymi elementami wykresu. Jest to liczba zmiennoprzecinkowa od -1,0 do 1,0 włącznie, gdzie -1,0 to dolna, a 1,0 to górna. Liczba elementów wykresu (linii i słupków) jest mniejsza niż zero. Jeśli 2 znaczniki mają tę samą wartość, są rysowane w kolejności podanej przez adres URL. Wartość domyślna to 0,0 (tuż nad elementami wykresu).
Przykłady
Opis | Przykład |
---|---|
Jest to przykład rysowania linii znacznika na wykresie słupkowym.
Kolejność nakładania elementów jest ustawiona na |
chm=D,0033FF,0,0,5,1 |
Jest to ten sam wykres słupkowy, ale z dodatkową serią danych przeznaczoną tylko dla linii. Oto przykład wykresu złożonego.
Wykresy zespolone są rysowane poprzez dodanie do parametru Więcej informacji znajdziesz na stronie Wykresy złożone. |
chm=D,0033FF,1,0,5,1 |
Funkcje danych chfd
[wszystkie wykresychd
]
Możesz określić funkcję niestandardową, która będzie uruchamiana na danych z wykresu za pomocą składni funkcji MuParser. Dane używane w tej funkcji mogą pochodzić z jednego z dwóch źródeł:
- Seria danych od
chd
– dane są pobierane z określonej serii wchd
. - Zakres wartości podanych w samym parametrze
chfd
– deklarujesz wartość początkową, zatrzymanie i stopniową w przypadku dowolnego zakresu danych.
Pamiętaj, że we wszystkich przypadkach musisz przypisać dane wyjściowe do istniejącej serii w chd
. Seria ta zostanie zastąpiona danymi wyjściowymi funkcji. Wykres zostanie wyrenderowany dopiero po przetworzeniu wszystkich funkcji, jeśli więc przypiszesz wiele funkcji do danych wyjściowych w tej samej serii danych, będą one uruchamiane w podanej kolejności, ale na wykresie będą wyświetlane tylko dane wyjściowe funkcji końcowej. Możesz łączyć funkcje w łańcuch, tak aby jedna z nich mogła zostać użyta jako seria wejściowa wywołana przez poprzednią funkcję.
Aby przypisać kolory lub znaczniki chm
do linii funkcyjnej, przypisz kolory lub znaczniki do indeksu serii funkcji. Znaczniki są umieszczane zgodnie z danymi po zmodyfikowaniu przez funkcję.
Składnia
chfd= <output_series_index>,<function_data>,<function_string> |...| <output_series_index>,<function_data>,<function_string>
- <output_series_index>
- Indeks zerowy dla serii danych w polu
chd
, do którego zostaną zapisane dane wyjściowe funkcji. Wszystkie dotychczasowe dane zostaną całkowicie zastąpione przez dane wyjściowe funkcji. Jeśli seria nie jest używana jako wartość wejściowa funkcji, sprawdzoną metodą jest przypisanie do niej pojedynczej wartości testowej. - <dane_funkcji>
- Zmienne i dane do wykreślenia. Dane mogą pochodzić z wybranego przez Ciebie zakresu lub z jednej z serii danych
chd
. Możesz określić wiele zmiennych dla każdej funkcji, używając separatora (;) dla wielu zmiennych. Zwróć uwagę, że jeśli zdefiniujesz wiele zmiennych dla jednej funkcji, a zmienne mają inną liczbę punktów, funkcja zostanie zatrzymana po dotarciu do pierwszego punktu końcowego. Jeśli na przykład funkcja definiuje zarówno parametry x=1 – 5, jak i 1 – 1 – 10, krok kończy się, gdy osiągnie 5 punkt.
<variable_name>,<input_series_index>
LUB
<variable_name>,<start>,<end>,<step>
- nazwa_zmiennej – dowolna nazwa ciągu tekstowego zmiennej. Użyj go w funkcji zdefiniowanej przez funkcja_ciąg_znaków.
- input_series_index – indeks serii danych
chd
, który ma być używany jako dane wejściowe. - start – liczbowa wartość początkowa zakresu.
- end – liczbowa wartość końcowa zakresu.
- step – wartość liczbowa kroku od start do end. Może mieć wartość dodatnią lub ujemną, ale nie może wynosić zero.
x,0,100,1
deklaruje zmienną o nazwiex
z wartościami 0, 1, 2, ... 100.x,0,100,1;r,0,3.1,.1
deklaruje tę samą zmiennąx
oraz zmienną o nazwier
z wartościami 0, 0.1, 0.2, ..., 3.0 i 3.1.x,0
deklaruje zmienną o nazwie x, która wykorzystuje dane z pierwszej seriichd
. Zostaną one wykorzystane przez parametr function_string. Jeśli nie podasz ich w ciągu function_string, nie pojawią się na wykresie. Im mniejszy krok, tym bardziej płynny jest wykres. - <ciąg_funkcji>
- Twoja funkcja zapisana w składni MuParser. Funkcja jest stosowana do zmiennych i danych określonych w zmiennej variable_data.
Możesz odwoływać się tylko do zmiennych zadeklarowanych w tym zestawie funkcji lokalnych, a nie w innym potoku parametrów
chfd
. Funkcja podsumowania podsumowania nie jest obsługiwana (min, maksymalna suma, śr.). WAŻNE: pamiętaj, aby użyć w funkcjach funkcji%2B
zamiast+
.
Przykłady
Opis | Przykład |
---|---|
Prosta sinus fala. Kilka uwag:
|
cht=lc |
Ten wiersz wykorzystuje dane z parametru chd . |
chd=t:5,10 |
Połączenie funkcji i wierszy niebędących funkcjami. Zwróć uwagę, jak kolory są określane przez parametr koloru serii Zwróć uwagę na rozmieszczenie znaczników w danych wyjściowych funkcji.Punkty danych są obliczane od początku, końca i kroku, więc jeśli zakres wynosi od 0 do 11, 0,1, 0, 0, 1, itd., aż do punktu 110, który ma wartość 11. |
chd=t: |
Aby zdefiniować funkcję w 2 wymiarach, użyj wykresu
|
cht=lxy |
Parametr Kliknij te obrazy, aby otworzyć je i zagrać z nimi w parku zabaw. Przekonaj się! |