it-swarm.com.de

Hochleistungs-JavaScript-Diagramm-API für mobile Anwendungen über HTML

Ich arbeite an einer plattformübergreifenden mobilen Anwendung über MoSync. Für ein JavaScript-Diagramm zur Anzeige von Daten, die von Bluetooth auf dem mobilen Gerät stammen, benötige ich eine JavaScript-Diagramm-API, die eine sehr hohe Rendergeschwindigkeit und Leistung bietet. Es sollte schnell genug sein, um das Diagramm zu zeichnen, neu zu zeichnen oder zu aktualisieren, da die Daten in die Webansicht eingefügt werden. AFAIK testet einige APIs, die Dateneingabe verringert die Geschwindigkeit in den mobilen Anwendungen. FFI, können folgende Punkte hilfreich sein, um zu zeigen, wie schnell das Diagramm sein sollte, um einen reibungslosen Ablauf in der Anwendung zu gewährleisten.

  1. Update: alle 500ms oder möglicherweise 250ms
  2. Neue Daten pro Update: drei Arrays der Größe 50 für drei Serien
  3. Datenübertragung (von Bluetooth zur Diagramm-API): C++ >> UI (HTML) >> WebView >> Diagramm-API

Beachten Sie, dass mir jede Menge verfügbarer JavaScript-Diagramm-APIs bekannt ist. Ich brauche jedoch einen Rat, der die erläuterte Situation berücksichtigt hat.

27
utvecklare

Nachfolgend finden Sie meine Forschung. Hoffentlich hilft Ihnen das dabei, eine Lösung zu finden.

  1. Vergleich von JavaScript-Datenvisualisierungsbibliotheken besagt insbesondere, dass flotr2 auf Leistung ausgelegt ist. Es wurde am Juni 2012 veröffentlicht.

    Mobile friendly: Ja, für Leistung entwickelt und beinhaltet Touch-Events/Multi-Touch

    Interessante Funktionen: erweiterbares Plugin-Framework, abgestimmt auf Leistung. JSON api, für Interaktivität programmierbar

  2. RGraph : Bemerkenswerte Lösung, die speziell die Leistung und mobile Probleme anspricht. Sie haben eine ganze Seite, die aufzeigt, wie sie überlegene Leistung erzielen.

  3. JSXGraph : Der Vergleichsartikel 13 Diagramme und Diagramme zur Darstellung von JavaScript-Plugins besagt, dass "besondere Sorgfalt auf die Optimierung der Leistung gelegt wurde". Ich habe jedoch auf der Website nichts über die mobile Unterstützung gesehen.

  4. Vielleicht möchten Sie sich diese ansehen:

    http://jsperf.com/search?q=chart

    Das einzige, was ich dort sehen kann, wäre für Sie Flot vs . raphael aber. Natürlich können Sie immer versuchen, darauf aufzubauen und schreiben Sie Ihre eigenen Tests für andere Bibliotheken, an denen Sie interessiert sind.

    über https://stackoverflow.com/a/9900526/1085891

  5. Leider hat Javascript Graphs and Charts-Bibliotheken Vergleich keine Leistungskriterien, aber ich dachte, dass es vielleicht trotzdem hilfreich sein könnte. 

  6. Andere über r/Programmierung: https://canvasjs.com

Extra:JavaScript-Leistung auf mobilen Geräten

41
JSuar

Hier ist eine weitere High Performance Charting Library mit dem Namen CanvasJS

Es werden über 100.000 Datenpunkte in 100-200ms dargestellt. Da es auf Canvas basiert, funktioniert es auf den meisten modernen Geräten.

4
Adarsh Urs

Ich habe ausgezeichnete Erfahrungen mit der Highcharts Chartbibliothek mit großen Datensätzen (bis zu 10.000 Punkte) gemacht. Es verwendet SVG und VML für das Rendern, was viel schneller als auf Leinwand basierende Lösungen ist. Da Flash nicht verwendet wird, funktioniert es auch auf den meisten mobilen Geräten.

3
Ryan Lynch

Check out dygraphs hat eine beeindruckende Demo. Hat es kurz an Handys getestet, fühlt sich gut an.

Siehe auch Vergleich relevanter Projekte .

0
sigs