Sparkline
Maleńki trend bez osi, do kafelka, komórki tabeli albo linii tekstu. Wybierz go, gdy kształt ma większe znaczenie niż liczby.
- Sparkline
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: Sparkline
VisitsSign-upsLoad timeRetries
Noc, podgląd: Sparkline
VisitsSign-upsLoad timeRetries
Wysoki kontrast, podgląd: Sparkline
VisitsSign-upsLoad timeRetries
UżycieLink do sekcji Użycie
import { Sparkline } from '@skribly/ui/charts'<Sparkline values={last28} label="Visits, last 28 days: rising from 1,204 to 1,530" />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ść
- Jeden obraz z jedną nazwą: label musi słowami powiedzieć, co pokazuje kształt.
- Przy mniej niż dwóch wartościach rysuje przerywaną linię, a label powinien powiedzieć, że trendu jeszcze nie ma.
- Linia używa koloru systemowego w trybie wymuszonych kolorów.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.