jquery - jquery Flotで膨大なデータを表示

Question

Jquery/Flot プラグインを使用して Web アプリケーションを開発しており、30.000 データポイントの時系列を表示する必要があります。膨大な量のデータが原因で、(すべてのブラウザーで) パフォーマンスの問題が発生しています。もちろん、すべてのデータポイントを表示する必要はありません。400px のグラフでは不可能です。私の一般的な考えは、「最も重要なデータ」のみを表示することであるため、優れたパフォーマンスと適切なチャート精度を維持するためのベストプラクティス/提案が必要です

Answer 1

グラフの幅が 400 ピクセルの場合、サーバー側のコードは 400 を超えるポイントをブラウザーに送信してはなりません。

たとえば、1 分ごとのポイントを持つ時系列データがある場合、1 つの解決策は、1 時間のすべての値を平均して、30,000 ポイントを 500 に減らすことです。データベースの; クエリは大まかに次のようになります。

SELECT truncate_to_hour(data_time) as sample_time, avg(data_value)
FROM values
GROUP BY sample_time

しかし、明らかにベスト プラクティスは 1 つではありません。それはあなたのデータに依存します。