2010-08-24 35 views
1

是否有任何文檔可用於構建Flot圖表,類似於我們可以在Stack Overflow profile/reputation選項卡中找到的內容?堆棧溢出信譽圖文件(Flot)

從源代碼中,我可以看到,數據查詢地址爲:/users/rep-graph/341106/" + ranges.xaxis.from.toFixed(1) + "/" + ranges.xaxis.to.toFixed(1)但我不知道在URL可以接受的價值觀fromto領域

EDIT

alt text

在該圖中,我們可以看到,兩個點被突出顯示,並且結果是兩個問題都被列在側,這意味着所繪製的值與用戶定義的數據連接。

但是,如果我認爲PKH的例子中,只有(和標籤)提供給海軍報:

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

所以我想看看:

  1. 如何鏈接數據與點
  2. 如何根據圖選擇更新面板[但也許這部分實際上不是由Flot本身完成]

回答

2

在這種情況下,他們正在傳遞JavaScript時間戳通過URL回來。

所以在後端的一面,他們必須做這樣的事情(僞):

//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 

爲了您的第二個問題,有你的服務器端返回的關聯數組,時間戳鏈接到一個數據對象,在這種情況下包含收益,損失,網址,標題。在成功回調中,您可以顯示它們。下面是一個示例數據對象:

{ 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數組,而不是一個對象。

另一個特點,你可以輕鬆地添加給出了上述數據對象:一個plotclick事件凸顯了給定的數據點時,單擊它。

+0

謝謝,所以我可以用http://stackoverflow.com//users/rep-graph/341106/1273947200000/1274947200000 :)得到一個'活'的例子:) – Kevin 2010-08-28 14:19:45

1

看起來他們正在使用flot的選擇插件。這是一個basic example of its use

rangesplotselected處理程序的參數,所以fromto可以是給定軸的任何有效值。 (精選可以沿着X,Y,或(x和y)軸。)

+0

謝謝;實際上我已經看到了這些例子,但不幸的是,他們中沒有人談論與圖的值相關的數據 – Kevin 2010-08-24 19:24:28

+0

在那種情況下,我不明白這個問題。你能澄清你發現不清楚的是什麼嗎? – pkh 2010-08-24 20:41:10