Ось кілька прикладів бібліотек реагування на відповідних особливостях та прикладах:
1. React chartjs 2
- Особливості: різні типи діаграм, такі як лінія, бар, пиріг та інше.- Приклади:
- Вертикальна смуга
- Горизонтальна смуга
- Складена штрих -діаграма
- Групана діаграма
- діаграма області
- Лінійна діаграма
- Лінійна діаграма MultiAxis
- кругова діаграма
- Діаграма пончиків
- діаграма полярної області
- Радарна діаграма
- діаграма розсіювання
- міхурна діаграма
- діаграма MultyType
- Події діаграми
- діаграма ref
- Градієнтна діаграма
2. Реакція графіків Google
- Особливості: різні типи діаграм, такі як область, бар, міхур тощо.- Приклади:
- діаграма області
- Діаграма
- міхурна діаграма
- Календар
- Графік свічників
- Діаграма стовпців
- комбінована діаграма
- Гантт
- датчик
- GEO Chart
- гістограма
- Лінійна діаграма
- Оргарна діаграма
- Pie Chart
- Санкі
- діаграма розсіювання
- ступінчаста діаграма області
- Таблиця
- Часова шкала
- Карта дерева
- Слово дерево
- анімації
- Редактор діаграм
- Контроль
- Взаємодія
- макет
- Електронна таблиця
- Панель інструментів
3. Appexcharts.js
- Особливості: різні типи діаграм, такі як рядок, стовпчик, бар, пиріг тощо.- Приклади: Включає вихідний код для всіх прикладів, щоб зберегти час розробки.
4. Canvasjs
- Особливості: Інтерактивні, чуйні діаграми з анімацією, масштабуванням, панорамуванням, подіями, експортом, дрилдау та оновленнями в режимі реального часу.- Приклади:
- Лінійні діаграми
- діаграми Spline та етапів
- діаграми області
- Площа сплайна, складена площа, складена площа 100, область, область, діапазон дальності та діапазон діапазону сплайна
- Діаграми стовпців
- Барські діаграми
- Складена колонка, укладений стовпчик 100%, стовпчик дальності, складена смуга, складена смуга 100%, діапазон дальності та діаграми водоспаду
- Діаграми пирога
- чарти пончиків / пончиків
- графіки воронки та пірамід
- Candlestick та Harts OHLC
- Скаттер та міхурні діаграми
- діаграми коробки та вусів
- діаграми рядків помилок та помилок
- Динамічні діаграми
- Діаграми запасів із селектором діапазону, навігатором та декількома діаграмами
5. Tanstack/React-Charts
- Особливості: різні типи діаграм, такі як лінія, бар, міхур тощо.- Приклади: Включає приклади для простих, лінійки, смуги, міхура, області, спеціальних стилів, спеціальних підказок, параметрів осі, темного режиму, блискучого, чищення, режими групування, параметрів підказки тощо.
Ці бібліотеки наводять широкі приклади та шаблони, які допоможуть вам розпочати створення діаграм у вашій програмі React. Ви можете вибрати той, який найкраще відповідає вашим потребам, виходячи з типів діаграм, які ви хочете створити, та на рівні налаштування, який вам потрібна [1] [2] [3] [4] [5].
Цитати:[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