通过 HTML 用于移动应用程序的高性能 JavaScript 图表 API [英] High performance JavaScript chart API for Mobile applications through HTML
问题描述
我正在通过 MoSync 开发跨平台移动应用程序.关于移动设备中用于显示来自蓝牙的数据的 JavaScript 图表，我需要一个具有非常高的渲染速度和性能的 JavaScript 图表 API.绘制/重绘/更新图表应该足够快，因为数据将被注入到 Webview.AFAIK 通过测试几个 API，数据注入降低了移动应用程序的速度.FFI，以下几点可能有助于说明图表应该多快才能在应用程序中顺利运行.
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.
- 更新:每 500 毫秒或可能 250 毫秒
- 每次更新的新数据:三个系列的三个大小为 50 的数组
- 数据遍历(从蓝牙到图表API):c++ >> UI (HTML) >> WebView >> chart API
- Update: every 500ms or possibly 250ms
- New data per update: three arrays with size 50 for three series
- Data traverse (from Bluetooth to chart API): c++ >> UI (HTML) >> WebView >> chart API
请注意，我知道有大量可用的 JavaScript 图表 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.
JavaScript 数据可视化库的比较 特别说明 flotr2 专为性能而打造.发表于 2012 年 6 月.
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
有趣的功能: 可扩展的插件框架，针对性能进行了调整.JSON API，可编程的交互性
Interesting features: extensible plugin framework, tuned for performance. JSON api, programmable for interactivity
RGraph:专门解决性能和移动问题的著名解决方案.他们有一整页详细介绍了他们如何实现卓越性能.
RGraph: Notable solution that specifically addresses performance and mobile issues. They have a whole page breaking down how they achieve superior performance.
JSXGraph:对比文章13 Chart and Graph plotting javascript plugins 指出特别注意以优化性能."但是，我在网站上没有看到任何有关移动支持的信息.
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.
你可能想看看这些:
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.
通过https://stackoverflow.com/a/9900526/1085891
不幸的是，Javascript 图形和图表库 比较没有性能标准，但我认为可能仍然有帮助.
Unfortunately, Javascript Graphs and Charts libraries comparison does not have a performance criteria but I thought might still be helpful.
另一个通过 r/programming:https://canvasjs.com
Another via r/programming: https://canvasjs.com
这篇关于通过 HTML 用于移动应用程序的高性能 JavaScript 图表 API的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
