スタックオーバーフロー評判グラフ(FLOT)のドキュメント
-
30-09-2019 - |
質問
スタックオーバーフローで見つけることができるものと同様のフロットグラフを構築するためのドキュメントはありますか プロフィール/評判 タブ?
ソースコードから、このアドレスでデータが照会されていることがわかります。 /users/rep-graph/341106/" + ranges.xaxis.from.toFixed(1) + "/" + ranges.xaxis.to.toFixed(1)
しかし、私は価値を知りません from
と to
田畑 URLで 受け入れることができます。
編集:
このグラフでは、2つのポイントが強調表示されていることがわかり、その結果、2つのポイントが 質問 側面にリストされています。つまり、プロットされた値がリンクされていることを意味します ユーザー定義のデータ.
ただし、PKHの例を考えると、 ポイント (およびラベル)はFlotに提供されます。
label: "United States",
data: [[1990, 18.9], [1991, 18.7] ....
見たい:
- データをポイントにリンクする方法
- グラフの選択に応じてパネルを更新する方法[しかし、この部分は実際にはFlot自体によって行われないかもしれません
解決
この場合、彼らはURLを介してJavaScriptタイムスタンプを渡しています。
したがって、バックエンド側では、彼らはこのようなことをしている必要があります(pseudocode):
//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回目の質問については、サーバー側に連想配列を返して、タイムスタンプをデータオブジェクトにリンクさせます。この場合、この場合、ゲイン、損失、URL、タイトルが含まれます。成功コールバックでは、それらを表示します。これがデータオブジェクトの例です。
{ 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アレイを返したことを除いて。
上記のデータオブジェクトを簡単に追加できる別の機能:クリックすると、指定されたデータポイントを強調表示するプロットクリックイベント。
他のヒント
Flotの選択プラグインを使用しているようです。これが次のとおりです その使用の基本的な例.
ranges
の議論です plotselected
ハンドラーなど from
と to
指定された軸の有効な値になることがあります。 (選択はx、y、または(xおよびy)軸に沿って行うことができます。)