web-dev-qa-db-fra.com

API graphique JavaScript hautes performances pour les applications mobiles via HTML

Je travaille sur une application mobile multiplate-forme via MoSync. En ce qui concerne un graphique JavaScript permettant d'afficher des données provenant de Bluetooth sur un appareil mobile, j'ai besoin d'une API de graphique JavaScript offrant une vitesse de rendu et des performances très élevées. Il devrait être assez rapide pour dessiner/redessiner/mettre à jour le graphique car les données seront injectées dans la vue Web. D’après les tests que nous avons effectués avec quelques API, l’injection de données réduit la vitesse des applications mobiles. FFI, les points suivants peuvent être utiles pour indiquer la vitesse à laquelle le graphique doit fonctionner afin de fonctionner correctement dans l’application.

  1. Mise à jour: toutes les 500ms ou éventuellement 250ms
  2. Nouvelles données par mise à jour: trois tableaux de taille 50 pour trois séries
  3. Cheminement des données (de Bluetooth à l'API de graphique): c ++ >> UI (HTML) >> WebView >> API de graphique

Notez que je connais des tonnes d’API de graphiques JavaScript disponibles, mais j’ai besoin d’un conseil qui tienne compte de la situation expliquée.

javascripthtml5mobilecharts
27
utvecklare

Vous trouverez ci-dessous mes recherches. J'espère que cela vous aidera à trouver une solution.

  1. Comparaison des bibliothèques de visualisation de données JavaScript indique spécifiquement que flotr2 est conçu pour la performance. Il a été posté en juin 2012.

    Mobile friendly: Oui, construit pour la performance et comprend les événements tactiles/multi-touch

    Caractéristiques intéressantes: plugin framework extensible, optimisé pour la performance. JSON api, programmable pour l'interactivité

  2. RGraph : Solution remarquable qui traite spécifiquement des problèmes de performances et de mobilité. Ils ont une page entière décrivant comment ils obtiennent des performances supérieures.

  3. JSXGraph : L'article de comparaison 13 Graphiques et graphiques illustrant les plugins JavaScript indique que "un soin particulier a été pris pour optimiser les performances". Cependant, je n'ai rien vu sur le site concernant le support mobile.

  4. Vous voudrez peut-être jeter un coup d'œil à ceux-ci:

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

    Le seul que je puisse voir qui puisse vous être utile est flot vs . Raphael, cependant. Bien sûr, vous pouvez toujours essayer de construire dessus et écrivez vos propres tests pour les autres bibliothèques qui vous intéressent.

    via https://stackoverflow.com/a/9900526/1085891

  5. Malheureusement, Bibliothèques de graphiques et de graphiques Javascript compare n'a pas de critère de performance, mais j’ai pensé que cela pourrait toujours être utile. 

  6. Un autre via r/programming: https://canvasjs.com

Extra:Performances JavaScript sur les appareils mobiles

41
JSuar

Voici une autre bibliothèque de graphiques haute performance appelée CanvasJS

Il restitue plus de 100 000 points de données en 100-200ms . Comme il est basé sur Canvas, il fonctionne sur la plupart des appareils modernes.

4
Adarsh Urs

J'ai eu d'excellentes expériences avec la bibliothèque Highcharts charting avec de grands ensembles de données (jusqu'à 10 000 points). Il utilise SVG et VML pour le rendu, ce qui est beaucoup plus rapide que les solutions à base de canvas. De plus, comme il n'utilise pas de mémoire flash, il fonctionnera sur la plupart des appareils mobiles.

3
Ryan Lynch

Découvrez Dygraphs , il a une démo impressionnante. Testé brièvement sur les téléphones, se sent bon.

Voir aussi comparaison de projets pertinents .

0
sigs