Инструменты диаграмм/диаграмм для angular 2

Ответ 1

Angular2 (в отличие от Angular1) не требует специальных реализаций Angular, вы можете использовать любые сторонние библиотеки и составлять их, поэтому ng2 может в полной мере использовать jQuery libs и привязываться к ним.

У меня был недавний опыт работы с ChartJS, ChartJS2, HighCharts и D3JS.

D3JS похож на jQuery, но только на диаграммы. Это требует, чтобы вы построили диаграмму с нуля, определите ось и все. Это делает его очень трудоемким для использования (но обеспечивает большую гибкость). Как правило, у вас не будет времени инвестировать в D3. Тем не менее, есть библиотеки, которые работают с D3, чтобы упростить процесс, такой как C3.

Если вы хотите получить более быстрый результат с Highcharts или ChartJS2. Если вы готовы тратить деньги, HighCharts - лучший вариант. Он очень профессиональный и надежный. Он позволяет создавать смешанные типы диаграмм - например, гистограмму с линейной диаграммой и т.д. Очень удобно.

В качестве альтернативы, ChartJS дешевый и веселый, но выполняет эту работу. Вы ограничены в типах диаграмм, но это халява.

У меня были успешные динамически привязывающие данные диаграммы со всеми тремя этими libs в Angular2, поэтому это очень возможно. Вы увидите всю загрузку реализаций привязанных данных на моем GitHub.

(Большинство примеров диаграмм были сделаны в Angular2 в самые ранние дни, поэтому в наши дни код может быть не таким, но он дает вам представление о том, как подходить к привязке динамических данных, если вам это требуется).