Я изучал различные библиотеки диаграмм, которые можно было бы использовать в приложении Angular 4, ниже приведены 5 основных претендентов, а также их плюсы и минусы, а также победитель.
Отказ от ответственности: этот пост предназначен только для моей справки, и предложения могут быть неполными или бессмысленными.
Графики NGX:
- использует angular для рендеринга. Это очень важно, если учесть производительность
- Он основан исключительно на angular, просто с использованием математики d3
- Легко настроить css
- Https://swimlane.github.io/ngx-charts/#/ngx-charts/bar-vertical
- Хорошая документация и популярный фреймворк на github
HighCharts:
- Highcharts для angular - это оболочка вокруг highchart.js
- За лицензию нужно платить
- Https://github.com/cebor/angular-highcharts/blob/4/README.md
- Https://www.highcharts.com/
NG2-графики:
- На основе Chart.js, просто обертка
- Только простые варианты диаграммы
- Https://valor-software.com/ng2-charts/
Угловой NVD3:
- На основе nvd3, просто обертка
- Последнее обновление было год назад
- Https://github.com/krispo/angular-nvd3
Angular4 FusionCharts
- Относительно новый
- На основе диаграмм слияния
- Ограниченные параметры диаграммы
- Https://fusioncharts.github.io/angular4-fusioncharts/
И победителем становится… NGX-Charts по разным причинам.
- Использует angular для визуализации диаграмм (уникален и выделяется среди остальных библиотек).
- Активное сообщество (около 2000 звезд на github, последние изменения внесены 2 недели назад)
- Лицензия MIT
- Хорошая документация
- Гибкость в написании нового типа диаграмм