Wykres Divi
Piękne wykresy
DoDiwi 5
Dodaj oszałamiające, interaktywne wizualizacje danych do dowolnej strony Divi — nie wymaga kodowania. Obsługiwany przez Chart.js, w pełni responsywny i głęboko zintegrowany z Divi 5 Visual Builder.
Typy wykresów
Każdy wykres, jakiego kiedykolwiek będziesz potrzebować
Od klasycznych wykresów słupkowych po diagramy radarowe,Wykres Divizapewnia osiem różnych typów wizualizacji od razu po wyjęciu z pudełka.
Pasek (kolumna)
Klasyczne pionowe słupki, idealne do porównywania kategorii obok siebie.
Pasek (poziomy)
Odwrócone paski dla długich etykiet lub rankingów — łatwe do odczytania.
Linia
Śledź trendy w czasie za pomocą płynnych wykresów liniowych zawierających wiele zestawów danych.
Obszar
Wypełnione wykresy liniowe podkreślające wolumen i wartości skumulowane.
Ciasto
Szybkie wyświetlanie proporcji dzięki w pełni konfigurowalnym kolorom plasterków.
Pączek
Nowoczesna wersja ciasta — idealna do pulpitów nawigacyjnych i wyświetlaczy wskaźników KPI.
Radar
Porównaj wiele atrybutów w kilku zbiorach danych w jednej pajęczej sieci.
Obszar polarny
Segmenty promieniowe dobierane według wartości — atrakcyjne, bogate w dane i niepowtarzalne.
Dlaczego to wybrać
Wszystko, czego potrzebujesz, nic, czego nie potrzebujesz
Podgląd narzędzia Visual Builder na żywo
Każda zmiana dokonana w panelu Divi 5 jest natychmiast odzwierciedlana na płótnie — bez odświeżania strony, bez zgadywania.
8 indywidualnych selektorów kolorów plasterków
Wykresy kołowe, pączkowe i polarne umożliwiają ustawienie odrębnego koloru dla każdego plasterka za pomocą natywnych selektorów kolorów Divi — spójnych w edytorze i interfejsie użytkownika.
Do 3 zestawów danych
Nakładaj wiele serii danych na wykresy słupkowe, liniowe, obszarowe i radarowe, aby uzyskać bogate, porównawcze wizualizacje.
W pełni responsywny
Wykresy zmieniają rozmiar płynnie na dowolnym rozmiarze ekranu. Ustaw preferowaną wysokość w pikselach, a Chart.js zajmie się resztą.
Płynne animacje
Konfigurowalny czas trwania animacji (0–3000 ms) zapewnia dopracowany efekt odsłonięcia za każdym razem, gdy wykres pojawia się w rzutni.
Interaktywna legenda
Kliknij dowolny element legendy, aby pokazać lub ukryć ten zbiór danych. Informacje zwrotne od kursora wskaźnika sprawiają, że wykrywalność jest oczywista dla użytkowników końcowych.
Etykiety osi
Dodaj opisowe etykiety osi X i Y bezpośrednio z panelu Projekt, aby nadać swoim danym kontekst, na jaki zasługują.
100% standardów WordPressa
Kod PHPCS zgodny ze standardem kodowania WordPress, automatyczne ładowanie PSR-4 i zerowe API modułu Divi — zbudowane z myślą o dłuższej perspektywie.
Ustawienia modułu
Głęboka personalizacja, zerowa złożoność
Wszystkie ustawienia znajdują się w znanym panelu Divi, zorganizowanym w przejrzyste grupy, dzięki czemu zawsze wiesz, gdzie szukać.
Ustawienia wykresu
- Typ wykresu (8 opcji)
- Tytuł wykresu
- Etykiety kategorii (oddzielone przecinkami)
Kolory plasterków
- 8 indywidualnych selektorów kolorów
- Stosowane do ciasta, pączka
- Spójne renderowanie frontendu VB ↔
Zbiór danych 1
- Etykieta, wartości (oddzielone przecinkami)
- Próbnik kolorów
- Nieprzezroczystość wypełnienia (Linia
Zbiory danych 2
- Włącz/wyłącz niezależnie
- Etykieta, wartości, próbnik kolorów
- Stosy na pasku, linii, obszarze, radarze
Styl wykresu
- Wysokość (150 – 900 pikseli)
- Kolor tła
- Pokaż/ukryj pozycję legendy
- Pokaż/ukryj linie siatki
- Czas trwania animacji (ms)
- Szerokość obramowania / linii (px)
- Promień punktu (linia
Etykiety osi
- Tekst etykiety osi X
- Tekst etykiety osi Y
Wymagania
Działa od razu po wyjęciu z pudełka
Zainstaluj, aktywuj i przeciągnij plikWykresmoduł na dowolną stronę Divi 5. Żadnych dodatkowych bibliotek do zainstalowania — Chart.js jest ładowany automatycznie z CDN.
