2012-04-01 17 views
0

Ich muss ein Dashboard in eine JavaScript-Anwendung, die ich erstelle, einfügen. Die Google Visualization API würde alle Funktionen bieten, die ich suche, außer dass ich ein Werkzeug brauche, das ohne Internet-Zugang funktioniert und in meine Anwendung eingebettet werden könnte.Diagramm-Tool ähnlich wie Google Visualization

Meine Hauptanforderungen:

  • Standard-Kreis-, Balken- und Liniendiagramme
  • schweben und Verhaltensweisen Onclick
  • Datenaggregation: Summe, Durchschnitt usw. (wie Google Datentabellen)
  • Zeitskala mit Zeitbereich Filter
  • Nice zu haben: Heat-Karten, Messgeräte, Geokarten, Gantt, etc.

Alternativ wäre ich an Empfehlungen zu einem Grafik-Toolkit interessiert, das ein guter Ausgangspunkt wäre. Ich habe gute Dinge über d3.js gelesen, aber es gibt nicht viel Dokumentation herum. Ich habe nicht einmal gefunden welche Browser d3 unterstützt (ich brauche IE 7).

+1

hilft Wenn Sie D3 Dokumentation suchen, versuchen https://github.com/mbostock/d3/wiki/API-Reference. Es gibt noch mehr Tutorials und solche, die aus dem Wiki verlinkt sind. – mbostock

+0

@mbostock thx. Dort habe ich nachgesehen, aber ich habe keine Antworten auf einfache Fragen gefunden, wie zum Beispiel welche Browser unterstützt werden oder eine Liste von Plugins/Modulen. – Christophe

+1

Siehe README für Browser-Unterstützung. https://github.com/mbostock/d3/blob/master/README.md Wir haben noch keine Plugin-Module formalisiert, aber es gibt viele Beispiele, die Sie auf der Wiki-Homepage finden können. – mbostock

Antwort

2

dojox charting ist reich an Funktionen, open-source und erweiterbar, arbeitet cross browser und unterstützt mehrere Rendering-Engines: svg, canvas, vml - es wird aktiv weiterentwickelt und hat seit seiner Einführung einen langen Weg zurückgelegt. Ich habe es in mehreren Projekten erfolgreich eingesetzt.

Hohe Charts und Fusion-Charts bieten auch jetzt JS basiert Charting

Raphael JS ist auch gut für leichte Charting-Bedürfnisse -

Sie sollten die Funktionen/Reichtum mit Leistung, Open-Source/Erweiterbarkeit wiegen und andere Faktoren, die die Wahl zu machen - eine gute Nachricht ist, dass es viele Bibliotheken sind jetzt da draußen :-)

+0

Thx, sehen alle wie große Optionen aus. Dojox sieht sehr interessant aus, ich frage mich, warum es nie in Bibliotheksrezensionen auftaucht. Ich hatte vorher noch nichts davon gehört. – Christophe

+0

vielleicht, weil es nicht so viel vermarktet wird, da es ein Open-Source-Framework ist.Auch imo nur im letzten Jahr oder so ist es wirklich sehr reich geworden (cool) - es ist sehr flexibel, so dass Sie erweitern können, Ihre eigenen benutzerdefinierten Funktionen, und sogar einen Beitrag für die Gemeinschaft - –

1

es gibt einige unterschiedliche Rahmenbedingungen für die es zum Beispiel:

Aber es gibt viele mehr. Suchen Sie nach einem Framework/Plugin, das Ihren Anforderungen entspricht.

+0

Korrigieren Sie mich, wenn ich falsch liege, aber Mir scheint, dass die Lösungen, die Sie erwähnen, "nur" Diagramme erstellen, sie haben nicht die Datenaggregationsfunktionen, die in einem Dashboard benötigt werden (die bei Google verfügbar sind). – Christophe

+0

Ja, Sie haben Recht, Highcharts zeichnet nur, was Ihnen gegeben wurde (außer bei der Gruppierung von Tagespunkten in Wochen in datetime charts http://www.highcharts.com/stock/ref/#plotOptions-series-dataGrouping-Approximation). Dies gilt wahrscheinlich auch für FusionCharts und sie bündeln Highcharts in ihrer Lösung, aber ich bin mir nicht 100% sicher. – eolsson

0

Um nur zur Diskussion beizutragen, empfehle ich Ihnen, sich amCharts.

Ihre JavaScript Charting-Bibliothek ist ziemlich robust, aktiv entwickelt und unterstützt, gut dokumentiert. IE7 wird ebenfalls unterstützt.

Das Produkt JavaScript Stock Chart bietet die meisten der genannten Funktionen wie die Datenpunktaggregation. Es ist sogar dynamisch basierend auf dem Zoombereich.

1
+0

Thx für die detaillierte Antwort! – Christophe

0

Werfen Sie einen Blick auf InfoCaptor Armaturenbretter http://www.infocaptor.com

Es kann mit anderen Anwendungen selbst gehostet und eingebettet werden. Das Backend ist PHP und es ist vollständig Javascript/HTML5 basierte Charting-Engine.

Suppports alle folgenden Anforderungen

  • Standard-Kreis-, Balken- und Liniendiagramme - Out of Box
  • schweben und Onclick Verhalten - aus der Box
  • Datenaggregation: Summe, Durchschnitt, etc. . (wie Google-Datatabellen) - bietet Connectors für alle SQL-Datenbanken und

  • einschließlich Google-Tabelle Zeitskala mit Zeitbereichsfilter -
    Armaturenbrett/Parameter aufgefordert und filtert schön zu haben: Heatmaps,

  • Lehren, geo Karten, Gantt, usw. - enthält Gantts und die Vielfalt des Gauges

Es hat keine Karten, aber Sie kann die Diagramme mit jvectormaps oder anderen map api und dem benutzerdefinierten HTML-Widget im Dashboard erstellen.

Hope this

Verwandte Themen