Einfach zu installierende AngularJs-Diagramme

Darf nicht die Verwendung eines Paketmanagers wie Bower usw. erfordern

Muss klare, einfache Anweisungen haben, wie man es in meine App einfügt.

Ich habe es sehr eilig, etwas zu demonstrieren. Ich habe einige ausprobiert, hatte aber Probleme bei der Installation. Charting für Dummies bitte ;-)

Ich benötige nur Histogramme, alles andere ist ein Bonus

Antworten (2)

Haben Sie ZingChart ausprobiert? Es erfüllt Ihre Anforderungen.

  1. Erfordert keinen Paketmanager: Sie können direkt über GitHub herunterladen .

  2. AngularJS-Diagramm: Es ist eine JavaScript-Diagrammbibliothek, die mit Vanilla-JavaScript erstellt wurde. Das Team hat jedoch eine Angular-Direktive entwickelt, die Entwickler verwenden können. In einer Zeile können Sie Diagramme rendern, indem Sie einfach ein ZingChart-Konfigurationsobjekt als Bereichsvariable hinzufügen.

  3. Klare Anleitung: Die Schnellstartanleitung auf der GitHub-Seite hat 4 Schritte.

Ich bin Mitglied des ZingChart-Teams, also zögern Sie nicht, mich zu kontaktieren, wenn Sie Fragen haben.

Danke, Merrily, ich habe mich http://jtblin.github.io/angular-chart.jsan die Arbeit gemacht. Ich werde jedoch ZIng in Betracht ziehen. Ich habe es mir vorher angesehen, fand es teuer, aber festgestellt, dass es eine kostenlose Version mit Branding gibt. Ich denke, ich muss überprüfen, wie ablenkend das Branding ist.

Ich möchte dangle.js empfehlen. Es ist Open Source und ziemlich einfach zu bedienen. Es enthält eine großartige Anleitung und basiert auf D3.js. Es verwendet Angular.js und benötigt keine Anwendungen wie Bower. Es enthält eine ganze Reihe von Diagrammen, einschließlich Histogrammen.

Dangle.js ( Open-Source )

Eine Reihe von AngularJS-Anweisungen, die allgemeine Visualisierungen basierend auf D3 bereitstellen

Dangle stellt Anweisungen bereit, mit denen Sie Visualisierungen Ihrer Daten erstellen können. Sie können das Ergebnis von Abfragen einfach an HTML-Elemente binden. Wenn die Ergebnisse aktualisiert werden, werden auch Ihre Visualisierungen aktualisiert. Mit nur wenigen HTML-Zeilen können Sie leistungsstarke, interaktive Anwendungen erstellen.

Visualisierungen werden mit SVG erstellt, sodass sie vollständig in der Größe angepasst werden können und auf jedem Gerät (Desktop oder Mobilgerät) perfekt funktionieren. Da wir jedoch SVG verwenden, müssen Sie einen modernen Browser verwenden (jeder aktuelle Browser, einschließlich IE > 8).

Dangle.js-Histogrammbeispiel

Sieht gut aus (+1). Ich mag das Aussehen von D3JS sehr, denke aber, dass ich untersuchen muss, welcher Wrapper die meisten Diagrammtypen hat (oder wie ich meine eigenen Anweisungen erstellen kann).
Ihr Link ist defekt. Aber ich habe das Projekt unter github.com/fullscale/dangle gefunden , der Demo-Link ist jedoch defekt, daher bin ich mir nicht sicher, ob das Projekt aktiv unterstützt wird. Hmm, der letzte Commit war am 4. März 2013 :-(
Guter Fang, bei der Bibliothek bin ich mir nicht mehr so ​​sicher, ich habe den defekten Link entfernt.
Wenn es stabil ist, dann würde ich es trotzdem verwenden. Ich erwarte keine neuen Features, und ich erwarte keine Fehler zu beheben, die ich finde.
Einfach zu installierende AngularJs-Diagramme
AntwortenHierDatenschutz-Bestimmungen1y, 0v