Kafelek Wykres

Kafelek Wykres to ten, po który sięgniesz najczęściej, i potrafi znacznie więcej niż „słupki, linia, kołowy”. Ta strona jest jego referencją: typy wykresów, a potem edytor Opcji wykresu, w którym siedzi większość mocy.

Wskazówka

Zanim sięgniesz po kafelek option ECharts, by dostać kształt, którego Twoim zdaniem brakuje — sprawdź najpierw tę stronę. Radar, punktowy, treemap, sunburst i wodospad są wbudowane, a wersje wbudowane dziedziczą motyw Appki, obsługują formatowanie warunkowe i pozostają edytowalne przez tego, kto odziedziczy Twoją Appkę.

Typy wykresów

Wybierz typ w edytorze ⚙ kafelka. Menu je grupuje:

Grupa	Typy
Słupki	Słupkowy, Słupkowy skumulowany, Wodospad
Linie	Liniowy, Liniowy skumulowany, Warstwowy, Warstwowy skumulowany
Proporcjonalne	Kołowy, Pierścieniowy, Treemap, Sunburst
Macierz	Heatmapa, Radar
Punkty	Punktowy, Bąbelkowy
Geo	Mapa (kartogram — wedle kraju)

Kilka wartych wyróżnienia:

• Wodospad — narastające wkłady, na most od jednej sumy do drugiej.
• Treemap / Sunburst — proporcja przy znacznie większej liczbie kategorii, niż uniesie wykres kołowy; sunburst dokłada głębokość hierarchii.
• Heatmapa — dwie osie kategorialne z miarą jako kolorem. Wiersze na jednej osi, kolumny na drugiej.
• Punktowy / Bąbelkowy — zobacz Wykres punktowy rysuje dwie miary.
• Mapa (kartogram) — zobacz Mapy idą wedle kraju.

Wykres punktowy rysuje dwie miary

Daj punktowemu dwie miary, a naniesie je jedną przeciw drugiej — pierwszą na x, drugą na y, jeden punkt na member wiersza. To odczyt wolumen kontra wartość, który znajduje segment o wysokim wolumenie i niskiej wartości.

Bąbelkowy bierze trzecią miarę na promień.

Przy jednej mierze nie ma pary do naniesienia, więc wykres cofa się do rysowania tej miary wzdłuż kategorii wierszy.

Punkty są etykietowane nazwą swojego membera, dopóki etykiety się mieszczą. Obowiązują dwa limity, a ten drugi zwykle gryzie: najwyżej 25 punktów i najwyżej 220 znaków tekstu etykiet łącznie.

Budżet znaków istnieje dlatego, że sama liczba punktów nie przewiduje nachodzenia — etykiety rysowane są na prawo od każdego punktu, więc tym, co naprawdę się zderza, jest ich łączna szerokość. Trzynaście magazynów o nazwie Quality Warehousing and Trucking nadpisze się nawzajem dużo wcześniej niż dwadzieścia pięć sklepów o nazwie Store 6.

Wykres punktowy osiemnastu stanowisk w rodzaju Store Assistant Manager nie narysuje więc żadnych etykiet — osiemnaście mieści się pod limitem punktów, ale tytuły przekraczają 220 znaków z zapasem. To nie błąd; to kafelek uznający, że tooltip przeczyta się lepiej. Skróć captiony memberów, jeśli chcesz etykiety z powrotem.

Mapy idą wedle kraju

Kartogram rozwiązuje caption każdego wiersza wobec podkładu krajów świata. Popularne aliasy (USA, UK) są dopasowywane automatycznie.

Nazwy subnarodowe — stany USA, hrabstwa, kody pocztowe — się nie umieszczą, bo nie ma dla nich podkładu. Jeśli część wierszy nie pasuje, kafelek mówi o tym nad wykresem:

1 of 16 categories matched the country map (no match: Illinois, Michigan, Minnesota, +12 more). This map plots countries — sub-national names won’t place.

Uwaga

Uważaj na nazwę, która pasuje do niewłaściwego kształtu. Kostka ze stanem USA o nazwie Georgia pomaluje Gruzję jako kraj. Powiadomienie o pokryciu to sygnał do sprawdzenia: jeśli proporcja wygląda źle, mapa jest złym kafelkiem dla tego poziomu.

W Opcjach wykresu mapa dostaje rampę kolorów (Blues, Greens, Reds, Viridis, Diverging) i wybór brakujących danych — zostawić kraj pustym albo potraktować jego brakującą miarę jako zero.

Opcje wykresu

Przycisk Opcje wykresu w edytorze ⚙ („Tytuł, osie, legenda, podwójna oś i trend…”) otwiera edytor wykresu. Wszystko tutaj jest per kafelek i utrwala się razem z Appką.

Tytuły, osie i legenda

Tytuł wykresu, etykieta osi x, etykieta osi y, czy legenda się pokazuje i gdzie siedzi (góra / dół / lewo / prawo).

Kolory

Nazwana paleta — domyślna motywu, Vibrant, Cool, Warm, Earth — plus nadpisania koloru per seria kluczowane nazwą serii. Zostaw serię nietkniętą, by prowadziła ją paleta.

Notatka

Tryb bezpieczny dla daltonistów, gdy oglądający ma go włączony, nadpisuje oba na rzecz dostępności. To celowe: preferencja dostępności bije paletę autora.

Osie Y — ratunek podwójnej osi

Dwie miary o bardzo różnym rzędzie wielkości na jednej osi czynią mniejszą niewidoczną: liczby recept w tysiącach przy przychodzie w dziesiątkach milionów spłaszczają liczby na linii zera.

• Automatyczna podwójna oś rozdziela je, gdy maksimum jednej serii jest o rząd wielkości lub więcej poniżej dominującej.
• Per seria nadpisuje tę decyzję — wymuś dowolną miarę na oś lewą albo prawą.

To najbardziej użyteczna kontrolka w edytorze i ta, którą autorzy najczęściej przeoczają.

Typ serii (wykresy combo)

Daj serii jej własny typ wykresu — przychód jako słupki z linią tempa wzrostu nad nimi — spośród Słupkowy / Liniowy / Warstwowy / Punktowy. Tylko typy kartezjańskie; mieszanie kołowego w słupkowy nie ma sensu.

Linia trendu

Regresja liniowa, średnia krocząca albo ważona średnia krocząca, z konfigurowalnym okresem. Linie trendu renderują się na wykresach liniowym / liniowym skumulowanym / warstwowym, używając pierwszej kolumny miary.

Sortowanie i Top N

Sortuj kategorie wedle pierwszej miary (rosnąco / malejąco albo zachowaj kolejność zapytania) i przytnij do top 5 / 10 / 20 / 50. Oba działają po stronie klienta — bez ponownego zapytania — i utrwalają się z kafelkiem, więc uporządkowany widok jest tym, co widzi Twoja publiczność.

Format liczb

Dotyczy tekstu wartości — etykiet osi, wartości w tooltipach, etykiet danych — a nie osi kategorii:

Pole	Efekt
Prefiks / Sufiks	Dopisywane z przodu / z tyłu dosłownie (£, %, ms)
Miejsca dziesiętne	Stała liczba miejsc; puste = naturalna precyzja
Separator tysięcy	Grupowanie wedle locale
Skracaj duże liczby	Zwija do k / M / B / T

Zostaw wszystko puste dla surowych wartości.

Linie i pasma referencyjne

Rysuj linie progów / celów w poprzek wykresów słupkowych, liniowych, warstwowych i punktowych — linia Y jest pozioma przy wartości, linia X pionowa przy indeksie kategorii — i zacieniuj docelowy zakres pasmem.

Formatowanie warunkowe

Kolory sterowane progami per miara, żeby słupki za celem brały inny kolor bez ruszania zapytania.

Wykrywanie anomalii

Włącz Wykrywaj anomalie, a kafelek zaznaczy odstające punkty serii. Przydatne przy długim trendzie, po którym oko prześlizguje się nad pojedynczym złym tygodniem.

Prognoza

Włącz Pokaż prognozę, a kafelek dołoży rzutowany horyzont — przerywaną kontynuację z pasmem ufności — poza ostatnim faktycznym punktem.

Notatka

Oba to przełączniki per kafelek w edytorze ⚙, obok zapytania. Opisują, co kafelek rysuje, więc podróżują razem z Appką.

Filtr krzyżowy przy zaznaczaniu

Zaznacz Emituj filtr krzyżowy przy zaznaczaniu, a przeciągnięcie zakresu na tym wykresie przefiltruje pozostałe kafelki na stronie do tych memberów. Kafelek źródłowy zachowuje pełny kontekst, żebyś widział, gdzie zaznaczenie leży; Esc je czyści.

To najszybszy sposób, by strona zaczęła sprawiać wrażenie aplikacji, a nie raportu: wykres trendu na górze, zaznacz dwa tygodnie, a reszta strony idzie za nim.

Auto-odświeżanie

Każdy kafelek związany z zapytaniem — nie tylko wykresy — potrafi sam się przeliczać w interwale: 1, 5, 15, 30 albo 60 minut. Aktywne filtry są respektowane przy każdym przebiegu, a licznik pauzuje, gdy karta przeglądarki jest ukryta, więc wyświetlacz na ścianie nie młóci serwera w tle.

Powiązane

• Budowanie stron i kafelków — typy kafelków i jak działa wiązanie.
• Własne kafelki — deklaratywne renderery do kształtów, których tych szesnaście nie obejmuje.
• Design i motywy — wykresy malują z tokenów Appki.