Я ищу библиотеку диаграмм/графиков javascript, которая хорошо работает с AngularJS. Это не обязательно должно быть бесплатно.
Я намереваюсь реализовать в основном линейные графики, однако с некоторой сложностью, поэтому они должны иметь широкие возможности настройки (например, синхронизированные графики, несколько осей Y, включать как линии, так и отдельные точки в один и тот же график, обрабатывать до 10 000 точек...)
Highcharts кажется очень хорошей библиотекой, но она основана на jquery. У него есть эта оболочка: https://github.com/pablojim/highcharts-ng , но там сказано, что «из-за многих проверок на равенство директива может работать медленно с большими наборами данных».
Другие варианты, которые я рассматриваю:
Я открыт для других вариантов...
ZingChart имеет собственную директиву AngularJS: https://github.com/zingchart/ZingChart-AngularJS .
Он имеет три способа ввода данных в диаграмму, каждый из которых имеет свою собственную стоимость производительности и функциональные преимущества. Я описал каждый из них здесь: http://www.zingchart.com/blog/2015/03/05/zingchart-angularjs/ .
Я работаю в команде ZingChart, и мне посчастливилось создать директиву, поэтому не стесняйтесь обращаться к нам, если у вас есть какие-либо вопросы.
Essential Chart для JavaScript — еще один вариант, который стоит рассмотреть. Простой пример приложения: ссылка .
Весь набор элементов управления доступен бесплатно в рамках программы лицензирования сообщества , если вы соответствуете требованиям. Примечание: я работаю в Syncfusion.
В моем проекте я использовал D3.js , и он очень хорошо работал с AngularJS (v 1.2/1.3).
Я создал несколько новых директив, связанных с нужными мне диаграммами. У меня не было проблем.
РЕДАКТИРОВАТЬ:
D3.js создает SVG, поэтому библиотека обрабатывает все, что может SVG.
FusionCharts будет наиболее подходящей библиотекой Javascript в соответствии с вашими требованиями. В библиотеке есть директива FusionCharts-Angular , которая упростит создание диаграмм в вашем приложении Angular. Библиотека также позволяет вам настраивать все атрибуты диаграммы, чтобы ваша диаграмма выглядела так, как вы хотите.
Вы также можете прочитать это краткое руководство по созданию диаграмм в Angular .
Буду рад помочь, если вам понадобятся дополнительные советы.
Том
Эрез Коэн
Мог говорит восстановить Монику
Эрез Коэн
Эрез Коэн