Delta
Zmiana liczby względem wcześniejszego okresu, z kierunkiem i informacją, czy to dobra wiadomość. Wybierz ją obok głównej liczby, w kafelku albo w tabeli.
- Delta
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: Delta
Up22%, bettervs previous 28 daysUp8.1%, worseload time vs last weekDown3.4%, worseNo change0.0%vs yesterdayDown42%share of mobile visitsNo earlier data to compare
Noc, podgląd: Delta
Up22%, bettervs previous 28 daysUp8.1%, worseload time vs last weekDown3.4%, worseNo change0.0%vs yesterdayDown42%share of mobile visitsNo earlier data to compare
Wysoki kontrast, podgląd: Delta
Up22%, bettervs previous 28 daysUp8.1%, worseload time vs last weekDown3.4%, worseNo change0.0%vs yesterdayDown42%share of mobile visitsNo earlier data to compare
UżycieLink do sekcji Użycie
import { Delta } from '@skribly/ui/charts'<Delta
value={0.224}
directionLabels={{ up: 'Up', down: 'Down', flat: 'No change' }}
assessmentLabels={{ good: 'better', bad: 'worse' }}
comparison="vs previous 28 days"
/>Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Strzałka jest ukryta, a kierunek jest odczytywany jako słowo przed liczbą.
- Dobre i złe to kolor, a z assessmentLabels także słowo dla czytników ekranu, więc nic nie opiera się na samym kolorze; kolory tekstu spełniają 4,5:1 w każdym motywie.
- Porównanie zawija się pod liczbę w wąskim polu.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.