Бібліотека JS Charts/Graphs, яка добре грає з AngularJS?

Я шукаю бібліотеку JavaScript Charts/Graphs, яка добре грає з AngularJS. Це не повинно бути вільним.

Я маю намір реалізовувати в основному лінійні графіки, однак з певною складністю, тому вони повинні бути дуже настроюваними (наприклад, синхронізовані графіки, кілька осей y, включати обидві лінії і окремі точки на одному графіку, обробляти до 10k точок ...

Highcharts здається дуже гарною бібліотекою але це jQuery базований. Вона має цю обгортку: https://github.com/pablojim/highcharts-ng , але там сказано, що "Due для багатьох перевірок рівності директива може бути повільною з великими наборами даних ".

Інші варіанти, які я розглядаю:

  • ZingChart
  • FusionCharts
  • Графіки Google
  • NVD3
  • nv-діаграми

Я відкриваю додаткові параметри ...

5
додано Автор Luke Girvin, джерело
D3js - це, мабуть, найпотужніша/популярна безкоштовна бібліотека JS, тому обгортка для цього була б ідеальною ( github .com/mbostock/d3/wiki/Галерея ). Знайдено dashingd3js.com/d3-resources/d3-and-angular Давайте шукати інших. А також див. Моє запитання softwarerecs.stackexchange.com/questions/21614/…
додано Автор Mawg, джерело
Дякую! Chart.js виглядає як вікно-цукерка, але їх API виглядає дуже тонким у порівнянні з багатими можливостями, які можуть викривати інші бібліотеки. Я знаю, що в цій функції мені знадобиться щось складне, що вони не підтримують.
додано Автор Keith Ritter, джерело
D3 дійсно потужний, але практично вам доведеться малювати майже все самостійно. Для моїх потреб немає жодних причин не використовувати існуючу бібліотеку - хоча мені потрібні багато функцій, немає жодної функції, яка б не була реалізована так чи інакше існуючими бібліотеками.
додано Автор Keith Ritter, джерело
Я вирішив почати з Highcharts PoC. Опублікуємо тут результати.
додано Автор Keith Ritter, джерело

4 Відповіді

ZingChart does have it's own AngularJS directive : https://github.com/zingchart/ZingChart-AngularJS

Вона має три шляхи введення даних у діаграму, кожна зі своєю власною вартістю та функціональністю. Я описав кожну з них тут: http://www.zingchart.com/blog/2015/ 03/05/zingchart-angularjs/.

Я в команді ZingChart і мені довелося створити директиву, тому не соромтеся звернутися, якщо у вас виникнуть питання.

5
додано
Оскільки питання позначено безоплатно, я повинен відзначити, що Zing є безкоштовним, тільки якщо ви маркуєте свої графіки, які не кожен бажає. Докладніше на сторінці zingchart.com/buy
додано Автор Mawg, джерело

Essential Chart for JavaScript is also another option to consider. Simple sample application:link.

Весь набір елементів керування доступний безкоштовно за допомогою програми спільноти , якщо ви маєте право на це. Примітка: Я працюю для Syncfusion.

1
додано
Оскільки ви працюєте для Syncfusion, чи можете ви сказати нам, як використовувати бібліотеку з AngularJs (що, зрештою, це те, про що йде мова). Дякую
додано Автор Mawg, джерело
Дякую. Ваш продукт виглядає чудово, і я дуже вражений надзвичайно щедрою ліцензією спільноти: "Хто має право? Індивідуальні розробники або до п'яти користувачів у компаніях з річним валовим доходом нижче 1 млн. Доларів США"
додано Автор Mawg, джерело
Перейдіть за посиланням це документації для використання Діаграма з кутовим JS.
додано Автор SHASHANK GUPTA, джерело

У своєму проекті я використовував D3.js , і він дуже добре працював з AngularJS (v 1.2/1.3).

Я створив нові директиви, пов'язані з різними діаграмами, які мені потрібні. У мене не було проблем.

РЕДАГУВАТИ:

  • він містить графіки рядків
  • обробляє багато об'єктів
  • безкоштовно

D3.js створює SVG, щоб бібліотека обробляла все SVG.

1
додано
Я не знаю про кращу, більш популярну, безкоштовну бібліотеку JS для побудови графіків, ніж D3.js. Я тільки почав проект AngularJs і маю намір використовувати D3.js, тому був би вдячний, якщо jsDoggy опублікує деякі посилання на те, як створювати нові директиви для D3.js Thanx
додано Автор Mawg, джерело
Звичайно, я також маю деякий код, щоб "влити" D3.js. Коли я знайду фрагмент, розміщу його тут. Більше того, як сказав @Mawg, я покажу деякі приклади директиви. EDIT: це було б корисно: ng-newsletter.com/posts/d3 -on-angular.html
додано Автор Mahesha999, джерело

FusionCharts була б найкращою бібліотекою Javascript відповідно до ваших вимог. Бібліотека має Директиву FusionCharts-Angular , яка дозволить створювати діаграми у вашому додатку Angular вітер. Бібліотека також дозволяє налаштовувати всі атрибути графіка, щоб ваша таблиця виглядала так, як ви хочете.

Ви також можете прочитати цей короткий посібник для створення діаграм у Angular .

Будемо раді допомогти, якщо вам потрібна додаткова консультація.

0
додано
ІТ КПІ - JavaScript
ІТ КПІ - JavaScript
504 учасників

співтовариство javascript розробників в Telegram