通过HTML为移动应用程序提供高性能JavaScript图表API [英] High performance JavaScript chart API for Mobile applications through HTML

问题描述

我正在通过MoSync开发跨平台移动应用程序。关于用于显示数据的JavaScript图表来自移动设备中的蓝牙，我需要一个具有非常高的呈现速度和性能的JavaScript图表API。它应该足够快，以绘制/重绘/更新图表，因为数据将被注入到Webview。 AFAIK从测试几对API，数据注入降低了移动应用程序的速度。 FFI，以下几点可能有助于显示图表的速度，以便在应用程序中顺利运行。

1. 更新：每个500毫秒或可能250毫秒每个500毫秒


2. 数据遍历（从蓝牙到图表API）：c ++ >> UI（HTML）>> WebView >>图表API

请注意，我知道大量可用的JavaScript图表API，但是我需要一个建议，考虑到解释的情况。

解决方案

下面你会发现我的研究。希望这有助于您找到解决方案。

1. JavaScript数据可视化库比较专门说， flotr2 < a>是为性能而构建的。

   是专为性能而设计的，包括触摸事件/多点触控
   
   
   

   有趣的功能：可扩展插件框架。 JSON api，
   可编程的交互性

   
   




2. RGraph ：着名的解决方案，专门解决性能和移动问题。 他们的整个网页分解了如何实现卓越的性能。




3. JSXGraph ：比较文章13图表和图形绘制javascript插件说明已经特别注意优化性能。




4. 
   

   您可能想看看这些：

   
   
   

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

   
   
   

   我可以看到的唯一一个会对你有用的是flot vs.
   raphael。当然，你总是可以尝试建立在
   之上，并为你感兴趣的其他库编写自己的测试。

   
   

   通过 http://stackoverflow.com/a/9900526/1085891




5. 很遗憾， Javascript图表和图表库比较结果没有性能标准，但我认为可能仍有帮助。

额外： 移动设备上的JavaScript性能

I'm working on a cross-platform mobile application through MoSync. Regarding a JavaScript chart for displaying data come from Bluetooth in the mobile device, I need a JavaScript chart API which has a very high rendering speed and performance. It should be fast enough to draw/redraw/update the chart as the data will be injected to the Webview. AFAIK from testing couple of APIs, data injection reduce the speed in the mobile applications. FFI, following points could be helpful to show how fast the chart should be in order to run smoothly in the application.

1. Update: every 500ms or possibly 250ms
2. New data per update: three arrays with size 50 for three series
3. Data traverse (from Bluetooth to chart API): c++ >> UI (HTML) >> WebView >> chart API

Note that I am aware of tons of available JavaScript chart APIs, however I need a piece of advice which has considered the explained situation.

解决方案

Below you'll find my research. Hopefully, this helps you find a solution.

1. Comparison of JavaScript Data Visualization Libraries specifically says that flotr2 is built for performance. It was posted on June, 2012.

   Mobile friendly: Yes, built for performance and includes touch events / multi touch

   Interesting features: extensible plugin framework, tuned for performance. JSON api, programmable for interactivity

2. RGraph: Notable solution that specifically addresses performance and mobile issues. They have a whole page breaking down how they achieve superior performance.

3. JSXGraph: The comparison article 13 Chart and Graph plotting javascript plugins states that "special care has been taken to optimize the performance." However, I didn't see anything on the site about mobile support.

4. You might want to have a look at these:

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

   The only one I can see there that would be any use for you is flot vs. raphael, though. Of course you can always try to build on top of that and write your own tests for other libs you're interested in.

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

5. Unfortunately, Javascript Graphs and Charts libraries comparison does not have a performance criteria but I thought might still be helpful.

Extra: JavaScript Performance On Mobile Devices

这篇关于通过HTML为移动应用程序提供高性能JavaScript图表API的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！