問題タブ [flot]

こんにちは、mysql データベースからデータを取得してフロー グラフを作成しようとしています。どなたかこの手順を説明していただけるか、どうすればよいか教えていただけないでしょうか。

設定された間隔でフロー グラフのデータを更新する必要があります。これを行う組み込み機能を見つけることができなかったので、間隔が切れるたびにグラフを再描画するという行に沿って何かをするつもりです。flot に渡されるデータ パラメータは、変更される唯一の値です。データ変数は、json を返すサーバー メソッドへの ajax 要求を使用して設定されます。

私は正しいツリーを吠えていますか、それともこれを行うためのより良い方法はありますか?

また、javascript/jquery でどのようにタイマーをインスタンス化しますか (できれば、ajax リクエストを処理して再描画するために渡すことができるコールバックを使用して)。

編集 - 以下のように実装されました。

flot が必要とする (ほぼ) 形式で json を返す ASP.Net MVC コントローラーがあることに注意してください。

さて、これは単純な数学の質問であり、プログラミングの質問のように聞こえるように書く必要があることをメタで読みました。私は自分のベストを尽くします...

そのため、ユーザーのネットワーク使用量 (バイト/秒) を示すグラフを flot で作成しました。アクティビティがある場合、データは 4 分間隔で表示されます。それ以外の場合は、使用範囲の開始時 (たとえば 1 日目) と範囲の終了時 (7 日目) に設定されます。データは、私が制御できない CGI スクリプトから取得されているため、ユーザーに提供できる内容はかなり制限されています。

私は三角関数や微積分を取ったことがないので、ほとんど頭がいっぱいです。私が望むのは、ユーザーがグラフ上の任意のポイントをクリックして、その瞬間の帯域幅の使用状況を確認できるオプションを提供することです。実際のデータ ポイント間の線は直線で描かれているため、これは、ユーザーがクリックした場所の前後のポイントを取得し、y 間隔を見つけることで実行できます。

これを説明してくれる親切な数学者を最終的に得るのに数週間かかりました. 他の誰もが、私を混乱させるだけでなく、問題に必要ではないように思われる、リーマン和のテクニックやその他のあらゆる種類の重いものを私に教えようとしてきました。

しかし、ユーザーが y 軸 (時間) 上の任意の 2 つのポイントからグラフを強調表示して、その範囲内のネットワーク使用量の合計を取得できるようにしたいと考えています。これが不正確であることはわかっていますが、しっかりとした方程式を使用して正しく不正確にする必要があります。

これは線の下の領域だと思っていましたが、もっと単純なグラフで実験すると、これは高すぎるように見えます。y2 - y1 からの距離を取り、それを x2 - x1 で乗算し、2 で割って、三角形のような線の下のグラフの領域を取得できることがわかりましたが、やはり数値が高いように見えました。（たぶん、それらはただの大きな数字であり、私はこの数学的なものをまったく理解していません）.

だから私が必要としているのは、この質問があまりにも純粋な数学であるために閉鎖される前に誰かがそれを提供するのに十分素晴らしいなら、私が研究すべき概念の名前か方程式自体のどちらかです. または、正確な結果を得るには高度な数学が必要だという悪いニュースもあります。

私は数学が苦手ではありませんが、最後の注意として、私は 10 年生を超えて数学に慣れていないので、開始する場所が必要です。すべての数学サイトは、単純すぎるか、私の給与水準をはるかに超えているようです。

人のレース時間を示すグラフがあります（以下のコードをフローの例のいずれかにコピー/貼り付けすると、動作するはずです）。y1 軸に時間を、y2 軸に 1 km あたりのペースを示しています。どちらも時間 %H/%M/%S であるためです。しかし、グラフ内に各レースの距離も表示したいと思います。このデータセット (距離) の単位は y 軸とは異なるため、y 軸で表示しても意味がありません。X 軸の目盛り文字列に距離の詳細を追加できると考えていましたが、後でツールチップでデータを再利用することはできません。ツールチップからデータセットの「距離」にアクセスする方法、または何らかの形で 3 番目の y 軸スケールをグラフに表示する方法について、誰かアイデアはありますか?

サイトにいくつかのフロートチャートを追加することを計画していますが、これを処理するための最善の方法に関する推奨事項があるかどうか疑問に思っています。DB にクエリを実行する既存のモデル クラスとコントローラー クラス、およびこのデータをテーブルとしてレンダリングする単純な .phtml があります。

1 つの方法として、新しい flot.phtml ファイルを追加し、flot チャート API の要求に応じてこのクラスでデータの作成を処理する方法があります。次に、コントローラーが更新され、照会された DB データが「index.phtml」および「flot.pthml」ビュー ファイルに渡されます。すばやく簡単ですが、flot.phtml ファイル内のロジックを再利用できるかどうかはわかりません。

2 番目のオプションは、x/y 軸、線種を設定し、さまざまなデータセットを追加するメソッドを持つクラスを作成することです。これは基本的に「ソース」スクリプト要素のコンテンツをダンプし、最終的な phtml ファイルはページ上のチャート サイズと位置を確認するだけです。このコンポーネントはコントローラーであるべきか、アクションヘルパーであるべきか? 最終的な html ファイルに含まれるソース コードを作成するため、Zend 内に既存のコンポーネントから拡張または再利用する必要がありますか?

基本的に、私は人々が提案したいと思うかもしれないポイントを探しています。何かうまくいったら、後でここに投稿しますか？

Flot で作成したグラフを取得しました。私が達成したかったのは、ユーザーがマウスをその上に移動したときに何らかの情報を取得することです.JavaScriptのポップアップで(x軸とy軸から)データを表示するのが最善です.

些細な質問かもしれませんが、わかりません...

現在、私のJavaScriptは次のようになっています。

したがって、ポイントをホバリングするときに を取得するのが最善x: 1251756000000 y: 122.68です (x: 1251756000000, y: any )。または、 ( 2009/11/14x )で定義されているように値をフォーマットすることもできます。timeformat

jQuery Flot グラフをクリアするための推奨される方法はありますか? APIリファレンスには何も見つかりませんでした。

flotするJsonリストとして返す日付/値ペアのIEnumerableリストがあります。ただし、JsonResult() を呼び出すと、結果は次のようになります。

フロットが待っている

このようなオブジェクトを出力する MVC フレームワークを取得する簡単な方法はありますか、それとも独自のセラライザー/StringBuffer コードを記述する必要がありますか? さらに言えば、フィールド名を出力する必要さえなく、値そのものだけを出力する必要があります。

flotでは、各ウェッジが別の Web ページへのリンクである円グラフを作成するにはどうすればよいですか?