JavaScript-Bibliothek zum Erstellen von Diagrammen und Grafiken

Wenn ich dynamische Diagramme erstelle, möchte ich regelmäßig neue Daten aus der Datenquelle abrufen und das Diagramm aktualisieren. Können Sie eine gute Diagrammbibliothek (JavaScript) empfehlen?

Es gibt weitere Anforderungen:

  1. Kompatibilität auf allen Plattformen.

    Aus einigen Gründen muss ich IE8 verwenden, also möchte ich ein Diagramm, das dies unterstützt.

  2. Bereitstellung einer nativen iOS- und Android-Diagrammbibliothek für Benutzer.

  3. Starke Datenanalyse.

    Einschließlich Legendenwechsel, Daten-Hotspot-Tipp, Diagrammverknüpfung, automatische Aktualisierung zu regelmäßigen Zeiten, Ziehen von Serien, Drilldown und Skalierung.

  4. Datenanzeige in mehreren Formen.

    Es ist perfekt zur Unterstützung von Text, Wert, Uhrzeit, Datum, Prozentsatz, wissenschaftlicher Notation usw.

Ich gebe keine Antwort, da ich mir nicht die Zeit nehmen kann, die ich brauche, um Ihre Anforderungen zu überprüfen, und ich Ihre Nr. 2 nicht verstehe. Highcharts bietet großartige Funktionen, aber Sie müssen wahrscheinlich dafür bezahlen . Andererseits habe ich in der Vergangenheit auch Flotcharts verwendet , obwohl Sie jQuery benötigen, um dieses zu verwenden.
Danke, Chop. Es ist mir egal, ob die Javascript-Bibliothek kostenlos oder kostenpflichtig ist.
Vielleicht möchten Sie auch einen Blick auf jsgraphs.com (Vergleich der JS-Grafikbibliothek) werfen .

Antworten (6)

Haben Sie sich ZingChart angesehen? Es erfüllt einen Großteil Ihrer Anforderungen.

  1. Der aktuelle Build ist mit IE6+ und anderen modernen Browsern kompatibel. Es kann mit Canvas und SVG gerendert werden. (VML und Flash für ältere Browser).

  2. Obwohl es keine direkte Unterstützung für native Diagramme gibt, funktioniert ZingChart auf mobilen Browsern. Wenn es eine Option ist, unterstützen sowohl Android als auch iOS Webview, um Seiten in Ihre App einzubetten.

  3. All das und mehr! http://www.zingchart.com/docs/features/

  4. Datenformatierung: http://www.zingchart.com/docs/features/data-formatting/

Die Bibliothek kann kostenlos mit einem Markenwasserzeichen verwendet werden oder kann ohne Marke und mit einer Reihe von Support- und Entwicklerstunden verpackt werden.

Ich bin im ZingChart-Team, also zögern Sie nicht, mich zu kontaktieren, wenn Sie Fragen oder andere Bedürfnisse haben. Wir sind auch offen für die Zusammenarbeit mit Kunden, um Funktionen zu entwickeln, die ihren Anforderungen entsprechen.

Vielen Dank！ Ich werde ZingChart ausprobieren. Wenn ich weitere Fragen habe, frage ich Sie noch einmal.
Wie viele Arten von Datenquellen unterstützt ZingChart? Einschließlich JSON?
ZingChart unterstützt JSON, CSV, Array-Werte ( zingchart.com/docs/features/data-sources ) und die Möglichkeit, die Daten auf verschiedene Arten zu formatieren ( zingchart.com/docs/features/data-formatting )

Hier sind drei Softwareteile, die Ihnen dienen können:

  • Diagramme - Interaktive Diagramme für Browser und Mobilgeräte (von Google).
  • D3.js – Eine JavaScript-Bibliothek zum Bearbeiten von Dokumenten basierend auf Daten.
  • Chart.js – Einfache, übersichtliche und ansprechende Diagramme für Designer und Entwickler.

Ich würde vorschlagen, einen Blick auf VanCharts zu werfen .

Vancharts bietet eine Diagrammaktualisierungsfunktion. Sie können ein festes Zeitintervall festlegen, das Diagramm automatisch abrufen und dynamisch aktualisieren.

Codebeispiel:

"interaction": {

    "autoRefresh": 2,

    "zoom": true,

    "draggable": true
 }
  1. Die JavaScript-Diagrammbibliothek VanCharts basiert auf Canvas, ist aber mit allen vorhandenen Browsern kompatibel, einschließlich Safari, Chrome, IE6+ und Firefox.
  2. VanCharts unterstützt zwei Arten der Integration in mobile Endgeräte: Web und nativ.
  3. Na sicher! VanCharts kann das.
  4. Es kann Daten in mehreren Formen anzeigen und unterstützt über 30 Diagrammtypen, darunter Balkendiagramm, Liniendiagramm, Tortendiagramm, Ringdiagramm, Karte, GIS-Karte, Gantt-Diagramm.

http://www.vancharts.com/demo.html

Vielen Dank für Ihre Antwort. Und ich möchte wissen, ob VanCharts JSON unterstützt.
Ja, VanCharts unterstützt JSON. Und Benutzer müssen nur eine JSON-URL angeben.

Essential Chart for JS kann Ihre Anforderungen erfüllen.

  1. Es ist mit IE8 und anderen gängigen Browsern kompatibel.

  2. Native iOS- und Android-Diagramme sind ebenfalls verfügbar – es handelt sich um ein separates Paket, aber die API ist so weit wie möglich gleich. Essential Chart für iOS Essential Chart für Android . Essential Chart for JS kann auch in mobilen Anwendungen (Hybrid) verwendet werden.

  3. Alle von Ihnen erwähnten Datenanalysefunktionen werden unterstützt.

  4. Daten können in verschiedenen Formaten angezeigt werden.

Das gesamte Produkt ist kostenlos über das Community- Lizenzprogramm erhältlich.

Haftungsausschluss: Ich arbeite für Syncfusion.

Flot- JavaScript-Plotting für jQuery

Morris

Sparkline kleine Inline-Charts

Es gibt jetzt eine superschnelle Bibliothek für Echtzeit-Datenüberwachung und Interaktivität während der Datenerfassung, LightningChart JS .

Schnelle Streaming-Charts

Es wurde mit WebGL erstellt und verwendet GPU-Primitive zum Rendern der Diagramme und Grafiken. Die Echtzeit-Performance ist auf einem ganz anderen Niveau als bei anderen JavaScript-Charts.

Es funktioniert im Web, auf Mobilgeräten und auf dem Desktop, ein echtes plattformübergreifendes Diagramm.

Als technischer Leiter von LightningChart bin ich seit mehreren Jahren an der Entwicklung der Bibliothek beteiligt.

JavaScript-Bibliothek zum Erstellen von Diagrammen und Grafiken
AntwortenHierDatenschutz-Bestimmungen1y, 0v