1

Stack Overflowプロファイル/レピュテーションタブにあるものと同様のFlotグラフを作成するために利用できるドキュメントはありますか？

ソースコードから、このアドレスでデータが照会されていることがわかります。ただし、URLの値とフィールドが受け入れることができる/users/rep-graph/341106/" + ranges.xaxis.from.toFixed(1) + "/" + ranges.xaxis.to.toFixed(1)かどうかはわかりません。fromto

編集：

代替テキスト

このグラフでは、2つのポイントが強調表示されており、その結果、2つの質問が側面にリストされています。これは、プロットされた値がユーザー定義のデータにリンクされていることを意味します。

ただし、pkhの例を考えると、ポイント（およびラベル）のみがFlotに提供されます。

label: "United States",
        data: [[1990, 18.9], [1991, 18.7] ....

だから私は見たいです：

  1. データをポイントにリンクする方法
  2. グラフの選択に従ってパネルを更新する方法[ただし、この部分は実際にはFlot自体によって行われていない可能性があります]
4

2 に答える 2

2

この場合、彼らはURLを介してJavascriptタイムスタンプを返しています。

したがって、バックエンド側では、次のようなことをしている必要があります（擬似コード）。

//get parameters from URL, non-rails people would just use POST or GET variables
$from = $_GET['from']
$to = $_GET['to']

//convert to timestamps in your language
$from = $from/1000
$to = $to/1000

//query your data source with these time-based restrictions
//return a JSON data set with the given restrictions, linking the known timestamps to labels

2番目の質問では、サーバー側に連想配列を返してもらい、タイムスタンプをデータオブジェクトにリンクします。この場合、データオブジェクトにはGain、Loss、Url、Titleが含まれています。成功コールバックでは、それらを表示します。データオブジェクトの例を次に示します。

{ 1274774400000 : {
       Gain:0,
       Loss:10,
       Url:'http://asdf.com',
       Title:'We lost some rep here... boohoo'
    },
  1274947200000 : {
       Gain:10,
       Loss:0,
       Url:'http://asdf.com',
       Title:'We gained some rep here... woo!'
    }
}

showReputation参照したページの関数でこのタイプのオブジェクトが使用されていることがわかります...オブジェクトの代わりにJSON配列を返した点が異なります。

上記のデータオブジェクトを指定して簡単に追加できるもう1つの機能は、指定されたデータポイントをクリックすると強調表示されるplotclickイベントです。

于 2010-08-26T19:02:22.580 に答える
1

彼らはflotの選択プラグインを使用しているようです。これがその使用の基本的な例です。

rangesはplotselectedハンドラーへの引数であるためfrom、指定さtoれた軸に対して任意の有効な値にすることができます。（選択は、x、y、または（xおよびy）軸に沿って行うことができます。）

于 2010-08-24T18:32:01.067 に答える