Domanda:
Libreria di grafici / grafici JS che funziona bene con AngularJS?
Erez Cohen
2015-07-29 13:39:31 UTC
view on stackexchange narkive permalink

Sto cercando una libreria di grafici / grafici javascript che funzioni bene con AngularJS. Non deve essere gratuito.

Intendo implementare principalmente grafici a linee, tuttavia con una certa raffinatezza, quindi dovrebbero essere altamente personalizzabili (ad es. Grafici sincronizzati, più assi y, includere entrambe le linee e punti separati in lo stesso grafico, gestisce fino a 10k punti ...)

Highcharts sembra un'ottima libreria ma è basata su jquery. Ha questo wrapper: https://github.com/pablojim/highcharts-ng, ma dice che "A causa di molti controlli di uguaglianza, la direttiva potrebbe essere lenta con grandi set di dati".

Altre opzioni che sto prendendo in considerazione:

  • ZingChart
  • FusionCharts
  • Google Charts
  • NVD3
  • nv-charts

Sono aperto a più opzioni ...

Che ne dici di http://jtblin.github.io/angular-chart.js/?
Grazie! Chart.js sembra una libreria delizia per gli occhi, ma la loro API sembra molto sottile rispetto alle ricche possibilità che altre librerie espongono. So che nella funzionalità avrò bisogno di qualcosa di complesso che non supportano.
D3js è probabilmente la libreria JS gratuita più potente / popolare, quindi un wrapper per questo sarebbe l'ideale (https://github.com/mbostock/d3/wiki/Gallery). Ho trovato https://www.dashingd3js.com/d3-resources/d3-and-angular Cerchiamo altri. E per favore vedi anche la mia domanda http://softwarerecs.stackexchange.com/questions/21614/angularjs-charting-with-treemap-and-heatmasp-would-eb-nice
D3 è davvero potente, ma devi praticamente disegnare quasi tutto da solo. Per le mie esigenze non c'è motivo di non utilizzare una libreria esistente - anche se ho bisogno di molte funzionalità, non c'è nessuna funzionalità che non sia implementata in un modo o nell'altro dalle librerie esistenti.
Ho deciso di iniziare con un PoC di Highcharts. Pubblicherò qui sui risultati.
Quattro risposte:
#1
+5
mike-schultz
2015-07-31 02:42:35 UTC
view on stackexchange narkive permalink

ZingChart ha la sua direttiva AngularJS: https://github.com/zingchart/ZingChart-AngularJS

Ha tre strade per iniettare dati in un grafico, ciascuna con il proprio costo in termini di prestazioni e vantaggi in termini di funzionalità. Ho descritto ciascuno di essi qui: http://www.zingchart.com/blog/2015/03/05/zingchart-angularjs/.

Faccio parte del team di ZingChart e ho creato la direttiva, quindi non esitare a contattarci se hai domande.

Poiché la domanda è contrassegnata come gratis, devo sottolineare che Zing è gratuito solo se marchi i tuoi grafici, cosa che non tutti potrebbero desiderare. Maggiori informazioni su https://www.zingchart.com/buy/
#2
+1
Davis Jebaraj
2015-08-28 23:24:20 UTC
view on stackexchange narkive permalink

Grafico essenziale per JavaScript è un'altra opzione da considerare. Semplice applicazione di esempio: link.

L'intera suite di controlli è disponibile gratuitamente tramite il programma licenza della comunità se sei idoneo. Nota: lavoro per Syncfusion.

Dato che lavori per Syncfusion, puoi dirci come utilizzare la libreria con AngularJs (che, dopotutto, è di cosa si tratta). Grazie
Fare riferimento a [questo] (http://help.syncfusion.com/js/chart/working-with-data#angularjs-data-binding) collegamento alla documentazione per utilizzare il grafico con Angular JS.
Grazie. Il tuo prodotto ha un bell'aspetto e sono molto impressionato dalla licenza della community estremamente generosa: "Chi è idoneo? Sviluppatori individuali o fino a cinque utenti in aziende con entrate lorde annuali inferiori a $ 1 milione di USD"
#3
+1
jsDoggy
2015-12-09 06:51:10 UTC
view on stackexchange narkive permalink

Nel mio progetto ho utilizzato D3.js e ha funzionato molto bene con AngularJS (v 1.2 / 1.3).

Ho creato alcune nuove direttive relative al tipo di grafici che ho necessario. Non ho avuto problemi.

EDIT:

  • ha grafici a linee
  • gestisce molti oggetti
  • gratuito

D3.js crea un SVG in modo che la libreria gestisca tutto ciò che SVG può fare.

Non conosco una libreria di grafici JS migliore, più popolare e gratuita di D3.js Detto questo, i wrapper disponibili non coprono tutti i tipi di grafici, quindi potresti dover lavorare lì. Ho appena avviato un progetto AngularJs e intendo utilizzare D3.js quindi sarei grato se jsDoggy pubblicasse alcuni collegamenti su come creare nuove direttive per D3.js Thanx
Ovviamente ho anche del codice per "iniettare" un D3.js. Quando troverò uno snippet, lo posterò qui. Inoltre, come ha detto @Mawg, mostrerò qualche direttiva di esempio.EDIT: sarebbe utile: http://www.ng-newsletter.com/posts/d3-on-angular.html
#4
  0
Jonathan Pereira
2017-10-11 17:05:48 UTC
view on stackexchange narkive permalink

FusionCharts sarebbe la libreria Javascript più adatta in base alle tue esigenze. La libreria ha la Direttiva FusionCharts-Angular, che renderà la creazione di grafici nella tua app Angular un gioco da ragazzi. La libreria ti consente anche di personalizzare tutti gli attributi del grafico per rendere il tuo grafico come desideri.

Puoi anche leggere questa guida rapida per creare grafici in Angular.

Saremo lieti di aiutarti se hai bisogno di ulteriori consigli.



Questa domanda e risposta è stata tradotta automaticamente dalla lingua inglese. Il contenuto originale è disponibile su stackexchange, che ringraziamo per la licenza cc by-sa 3.0 con cui è distribuito.
Loading...