HTMLによるモバイルアプリケーション用の高性能JavaScriptチャートAPI

Question

MoSyncを使用してクロスプラットフォームのモバイルアプリケーションを開発しています。モバイルデバイスでBluetoothからデータを表示するためのJavaScriptチャートについては、非常に高い描画速度とパフォーマンスを備えたJavaScriptチャートAPIが必要です。データがWebviewに注入されるので、チャートを描画/再描画/更新するのに十分速くなければなりません。 AFAIKのAPIをテストすることで、データの注入はモバイルアプリケーションの速度を低下させます。 FFIを使用すると、アプリケーションでスムーズに実行されるためにグラフがどれぐらい速く表示されるかを示すのに役立ちます。

1. 更新：毎500ミリ秒又はおそらく250msの
更新当たり
2. 新データ：（APIをグラフ化するために、Bluetoothから）を横断
3. データの3つのシリーズのためのサイズ50と 3つの配列：C++> > UI（HTML）>> WebView >>グラフAPI

利用可能なJavaScriptチャートAPIが多数ありますが、説明された状況を考慮した。

Answer 1

以下、私の研究を見つけるでしょう。うまくいけば、これはあなたが解決策を見つけるのに役立ちます。

1. Comparison of JavaScript Data Visualization Libraries特にflotr2は、パフォーマンスのために構築されていることを述べています。これは、6月に掲載された2012年

   モバイルフレンドリー：はい、パフォーマンスのために構築され、タッチイベント/マルチタッチ

   興味深い機能が含まれています：拡張可能なプラグインフレームワーク、パフォーマンスのために調整を。 JSONのAPI、インタラクティブ

2. RGraphため プログラマブル：特にパフォーマンスとモバイルの問題に対処する著名なソリューションを提供します。 They have a whole page breaking down how they achieve superior performance.

3. JSXGraph：比較記事13 Chart and Graph plotting javascript pluginsは「特別なケアは、パフォーマンスを最適化するためにとられている。」と述べていますしかし、私はモバイルサポートについてサイト上で何も見ませんでした。

4. あなたはこれらを見てすることがあります：あなたのための任意の使用であろう、私はそこに見ることができます

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

   一つだけとはいえ、FLOT対 ラファエルです。もちろん、あなたはいつもその上に構築することができます とあなたが興味を持っている他のライブラリのための独自のテストを書くことができます。https://stackoverflow.com/a/9900526/1085891

5. 経由

   は残念ながら、Javascript Graphs and Charts libraries比較は性能基準を持っていませんが、私はまだ役に立つかもしれないと思いました。 https://canvasjs.com

エクストラ：R /プログラミングを経由して

別JavaScript Performance On Mobile Devices

Answer 2

大きなデータセット（最大10000ポイント）を持つHighchartsチャーティングライブラリの優れた経験がありました。 SVGとVMLをレンダリングに使用します。これは、キャンバスベースのソリューションよりもはるかに高速です。さらに、フラッシュを使用しないため、ほとんどのモバイルデバイスで動作します。

Answer 3

ここで別の高性能チャートライブラリは、それは、100-200msで10万人以上のデータポイントをレンダリングCanvasJS

と呼ばれています。 Canvasをベースにしているため、最新のデバイスで動作します。

Answer 4

dygraphsをチェックしてください、それは印象的なデモがあります。携帯電話で簡単にテストし、良い人だと感じる。

comparison of relevant projectsも参照してください。