Oto kilka przykładów bibliotek reagujących z ich odpowiednimi cechami i przykładami:
1. React Chartjs 2
- Funkcje: Różne typy wykresów, takie jak linia, pasek, ciasto i wiele innych.- Przykłady:
- Pionowy wykres słupkowy
- poziome wykres baru
- ułożony wykres słupkowy
- zgrupowany wykres barowy
- Wykres obszarowy
- Wykres liniowy
- Wykres linii Multixis
- Wykres ciasta
- Wykres pączków
- Polar Area Chart
- Wykres radarowy
- Wykres rozproszenia
- Wykres bąbelkowy
- Wykres wielu
- Wydarzenia wykresowe
- Wykres Ref
- Wykres gradientu
2. Zareaguj wykresy Google
- Funkcje: różne typy wykresów, takie jak obszar, bar, bańka i wiele innych.- Przykłady:
- Wykres obszarowy
- Wykres barowy
- Wykres bąbelkowy
- Kalendarz
- Wykres świec
- Wykres kolumny
- Wykres kombi
- Gantt
- Miernik
- Wykres Geo
- Histogram
- Wykres liniowy
- Wykres org
- Wykres ciasta
- Sankey
- Wykres rozproszenia
- Systemowa tabela obszaru
- Tabela
- Oś czasu
- Mapa drzewa
- drzewo słów
- animacje
- Edytor wykresu
- Control
- Interakcje
- Układ
- Arkusz kalkulacyjny
- pasek narzędzi
3. Apexcharts.js
- Funkcje: różne typy wykresów, takie jak linia, kolumna, bar, ciasto i wiele innych.- Przykłady: Zawiera kod źródłowy dla wszystkich przykładów, aby zaoszczędzić czas rozwoju.
4. Canvasjs
- Funkcje: interaktywne, responsywne wykresy z animacją, powiększaniem, panoramowaniem, wydarzeniami, eksportowaniem, wiertarką i aktualizacji w czasie rzeczywistym.- Przykłady:
- Wykresy liniowe
- Wykresy linii splajnowej i stabilnej
- Wykresy obszarowe
- Obszar splajny, strefa ułożona, strefa ułożona 100, strefa, obszar zasięgu i wykresy obszaru splajnu
- Wykresy kolumnowe
- Wykresy barowe
- Kolumna ułożona, kolumna ułożona 100%, kolumna zasięgu, stosy ułożony, stosy w stosy 100%, pasek zasięgu i wykresy wodospadu
- Wykresy ciasta
- Wykresy pączków / pączków
- Wykresy lejka i piramidy
- świeczniki i wykresy OHLC
- Wykresy rozproszenia i bąbelków
- Wykresy pudełka i wąsów
- Wykresy linii błędów i błędów
- Dynamiczne wykresy
- Wykresy zapasowe z selektorem zasięgu, nawigatorem i wieloma wykresami
5. Tanstack/React-Charts
- Funkcje: Różne typy wykresów, takie jak linia, pasek, bańka i wiele innych.- Przykłady: Zawiera przykłady prostego, linii, paska, bąbelka, obszaru, niestandardowych stylów, niestandardowych podpowiedzi, opcji osi, trybu ciemnego, błyszczenia, szczotkowania, grupowania, opcji tooltip i innych.
Biblioteki te zapewniają obszerne przykłady i szablony, aby pomóc Ci rozpocząć tworzenie wykresów w aplikacji React. Możesz wybrać ten, który najlepiej odpowiada Twoim potrzebom na podstawie rodzajów wykresów, które chcesz utworzyć, oraz poziom dostosowywania [1] [2] [3] [4] [5].
Cytaty:[1] https://react-chartjs-2.js.org/examples/
[2] https://www.react-google-charts.com/examples
[3] https://apexcharts.com/react-chart-demos/
[4] https://canvasjs.com/react-charts/
[5] https://codesandbox.io/examples/package/react-charts