Zde je několik příkladů knihoven grafů React s jejich příslušnými funkcemi a příklady:
1. Reagovat Chartjs 2
- Funkce: Různé typy grafů, jako jsou čárové, pruhové, výsečové a další.- Příklady:
- Vertikální sloupcový graf
- Horizontální sloupcový graf
- Skládaný pruhový graf
- Seskupený pruhový graf
- Plošný graf
- Spojnicový graf
- Víceosý spojnicový graf
- Koláčový graf
- Koblihový graf
- Mapa polárních oblastí
- Radarová mapa
- Bodový graf
- Bublinový graf
- Vícetypový graf
- Graf událostí
- Graf Ref
- Graf přechodů
2. Reagujte na Google Charts
- Funkce: Různé typy grafů, jako je plocha, pruh, bublina a další.- Příklady:
- Plošný graf
- Sloupcový graf
- Bublinový graf
- Kalendář
- Svícenový graf
- Sloupcová tabulka
- Kombinovaná tabulka
- Gantt
- Měřidlo
- Zeměpisná mapa
- Histogram
- Spojnicový graf
- Organizační schéma
- Koláčový graf
- Sankey
- Bodový graf
- Stupňovitý plošný graf
- Stůl
- Časová osa
- Mapa stromů
- Strom slov
- Animace
- Editor grafů
- Ovládací prvky
- Interakce
- Rozložení
- Tabulkový procesor
- Panel nástrojů
3. ApexCharts.js
- Funkce: Různé typy grafů, jako je čárový, sloupcový, pruhový, výsečový a další.- Příklady: Obsahuje zdrojový kód pro všechny příklady, aby se ušetřil čas na vývoj.
4. CanvasJS
- Funkce: Interaktivní, responzivní grafy s animací, zoomováním, posouváním, událostmi, exportem, rozbalováním a aktualizacemi v reálném čase.- Příklady:
- Spojnicové grafy
- Spline a krokové čárové grafy
- Plošné mapy
- Plocha spline, složená oblast, složená oblast 100, oblast kroku, oblast rozsahu a grafy oblasti spline
- Sloupcové grafy
- Sloupcové grafy
- Skládaný sloupec, Skládaný sloupec 100 %, Sloupec rozsahu, Skládaný sloupec, Skládaný sloupec 100 %, Sloupec rozsahu a grafy vodopádu
- Koláčové grafy
- Donut / Donut Charts
- Trychtýřové a pyramidové grafy
- Svícnové a OHLC grafy
- Bodové a bublinové grafy
- Krabicové a vousové grafy
- Spojnicové grafy chyb a chyb
- Dynamické grafy
- Burzovní grafy s Range Selector, Navigator a Multiple Charts
5. TanStack/react-charts
- Funkce: Různé typy grafů, jako jsou čárové, pruhové, bublinové a další.- Příklady: Zahrnuje příklady pro jednoduché, čárové, pruhové, bublinové, oblasti, vlastní styly, vlastní popisky, možnosti os, tmavý režim, šumivé, štětce, režimy seskupování, možnosti popisků a další.
Tyto knihovny poskytují rozsáhlé příklady a šablony, které vám pomohou začít s vytvářením grafů ve vaší aplikaci React. Můžete si vybrat ten, který nejlépe vyhovuje vašim potřebám na základě typů grafů, které chcete vytvořit, a požadované úrovně přizpůsobení[1][2][3][4][5].
Citace:[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