28

MoSync を介してクロスプラットフォームのモバイル アプリケーションに取り組んでいます。モバイル デバイスで Bluetooth からのデータを表示するための JavaScript チャートに関して、非常に高いレンダリング速度とパフォーマンスを備えた JavaScript チャート API が必要です。データが Webview に挿入されるため、チャートを描画/再描画/更新するのに十分な速さである必要があります。いくつかの API をテストした結果によると、データ インジェクションはモバイル アプリケーションの速度を低下させます。FFI、次のポイントは、アプリケーションでスムーズに実行するためにチャートがどれだけ速くなければならないかを示すのに役立ちます.

  1. 更新: 500ms または 250ms ごと
  2. 更新ごとの新しいデータ: 3 つの系列に対してサイズ 50 の 3 つの配列
  3. データ トラバース(Bluetooth からチャート API へ): c++ >> UI (HTML) >> WebView >> チャート API

利用可能な JavaScript チャート API がたくさんあることは承知していますが、説明された状況を考慮したアドバイスが必要です。

4

6 に答える 6

41

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

  1. JavaScriptデータ視覚化ライブラリの比較は、 flotr2がパフォーマンスのために構築されていることを具体的に示しています。2012年6月に投稿されました。

    モバイルフレンドリー:はい、パフォーマンスのために構築されており、タッチイベント/マルチタッチが含まれています

    興味深い機能:パフォーマンスに合わせて調整された拡張可能なプラグインフレームワーク。双方向性のためにプログラム可能なJSONAPI

  2. RGraph:特にパフォーマンスとモバイルの問題に対処する注目すべきソリューション。彼らは、彼らがどのように優れたパフォーマンスを達成するかを分解したページ全体を持っています。

  3. JSXGraph:比較記事13のチャートとグラフのプロットjavascriptプラグインは、「パフォーマンスを最適化するために特別な注意が払われている」と述べています。しかし、モバイルサポートについてはサイトに何も表示されませんでした。

  4. これらをご覧になることをお勧めします。

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

    私がそこで見ることができるのは、あなたにとってどんな用途でもある唯一のものは、浮浪者対ラファエルです。もちろん、いつでもその上に構築して、興味のある他のライブラリ用に独自のテストを作成することができます。

    https://stackoverflow.com/a/9900526/1085891経由

  5. 残念ながら、Javascriptのグラフとチャートライブラリの比較にはパフォーマンス基準がありませんが、それでも役立つと思いました。

  6. 別のr/プログラミング経由:https ://canvasjs.com

追加: モバイルデバイスでのJavaScriptのパフォーマンス

于 2012-12-19T01:25:29.280 に答える
3

大規模なデータセット (最大 10000 ポイント) を含む Highchartsグラフ作成ライブラリで優れた経験をしました。レンダリングに SVG と VML を使用するため、キャンバス ベースのソリューションよりもはるかに高速です。さらに、フラッシュを使用しないため、ほとんどのモバイル デバイスで動作します。

于 2012-12-17T15:44:26.507 に答える