Zbuduj obraz miernika
Ustaw wartość, maksimum, styl, szerokości, kolory i etykietę, a potem pobierz PNG.
Cztery mierniki na jednej tablicy, odświeżane przy zmianie liczb
Dashboard czyta się jako całość: uptime obok wydatków i konwersji, każda tarcza z własną skalą i własnym zakresem prawidłowych wartości. DynaPictures pozwala umieścić kilka warstw mierników na jednej tablicy, wysłać wszystkie bieżące wartości w jednym żądaniu API i w mniej niż 300 ms odebrać gotowy obraz.
- Kilka warstw mierników na jednej tablicy
- Każda tarcza z własną skalą i zakresem
- Jedno żądanie przenosi wszystkie bieżące wartości
Jak zrobić obraz wykresu gauge
Ustaw wartość i maksimum
Wpisz bieżącą wartość i koniec skali, np. 72 ze 100. Wypełniona część miernika wynika z tych dwóch liczb.
Wybierz styl, kolory i rozmiar
Wybierz pierścień albo podziałkę, ustaw kolory paska, ścieżki i tła oraz obie szerokości, dodaj krótką etykietę pod miernikiem i wybierz 400 × 400 albo 240 × 240.
Pobierz PNG
Zapisz obraz i wstaw go do e-maila, na stronę w Notion, slajd albo do pliku README; gdy liczba się zmieni, wygeneruj nowy miernik.
Dlaczego warto tworzyć mierniki tutaj
Jedna liczba, jeden obraz
Miernik od razu pokazuje, jak blisko celu jest wartość, bez legendy i osi do odczytywania.
Pierścień albo podziałka
Pierścień wypełnia się proporcjonalnie i pokazuje procent w środku; podziałka podświetla jedną kreskę na krok i pokazuje wartość na tle maksimum.
Działa tam, gdzie skrypty nie działają
Miernik to zwykły plik PNG, więc wyświetla się w e-mailach HTML, w Notion, Slack i Confluence oraz w plikach README na GitHubie.
Twoja skala i Twoje kolory
Ustaw dowolne maksimum, nie tylko 100, i dopasuj miernik do kolorów swojej marki za pomocą kodów HEX.
Bez biblioteki do wykresów
Nic nie instalujesz ani nie dołączasz do projektu. Miernik powstaje na naszych serwerach i trafia do Ciebie jako jeden plik PNG.
Style, szerokości i skale miernika
Styl pierścienia wypełnia tę część koła, którą obejmuje wartość, i wpisuje ją w środek jako procent, w rozmiarze dobranym do 100%, żeby liczba nie skakała. Podziałka rysuje jedną kreskę na krok: całkowite maksimum od 2 do 100 dostaje tyle kresek, każde inne maksimum 100, a w środku stoi wartość na tle maksimum, np. 72 / 100. Szerokości paska i ścieżki ustawiasz w pikselach, domyślnie po 24. Wartości powyżej maksimum dają pełny miernik, a ścieżka bez koloru jest jasnoszara, na ciemnym tle grafitowa.
Limity darmowego narzędzia
Każda osoba ma 20 obrazów dziennie, a każdy pobrany plik PNG z miernikiem jest usuwany po 24 godzinach.
Kreski według Twojej skali
Przy całkowitym maksimum od 2 do 100 podziałka rysuje jedną kreskę na jednostkę, więc 4 z 5 podświetla cztery kreski z pięciu.
Szerokość paska i ścieżki
Każda szerokość mieści się w zakresie od 1 do 100 pikseli i nie przekracza ćwierci miernika, więc wartość zawsze ma miejsce w środku.
Najczęściej zadawane pytania
Miernik pokazuje jedną wartość na tle skali, np. 72 ze 100 punktów, wskaźnik satysfakcji albo postęp w realizacji celu sprzedażowego. Gdy liczy się tylko jedna liczba, odczytuje się go szybciej niż tabelę.