2011-06-02 30 views
0

我想創建一個帶有每個楔形鏈接的Flot餅圖,因此我可以指導用戶點擊相應的詳細信息頁面。使用Flot鏈接的餅圖0.7返回「undefined」鏈接

已有類似帖子在With flot, how can I create a linked pie chart that takes you to other web pages?。我使用Flot 0.7在該頁面上嘗試了這個答案,以獲得帶有超鏈接標籤的餡餅楔子。但是,series.URL在labelFormatter函數中返回「undefined」。我該如何解決這個問題?

附註:它是我第一次在這裏發佈。我試圖在上面的鏈接中詢問這個明顯相關的問題,所以我不會爲同一個問題創建一個新問題。但是,主持人已將其刪除。難道它不會幫助閱讀該帖子的其他用戶遇到同樣的問題以找到解決方案嗎?沒有抱怨,只是試圖理解刪除背後的理由(已閱讀常見問題/提問問題指南..)。

回答

2

如果您按照鏈接問題中的代碼,它們會非常接近您想要的。這個問題(讓很多人絆倒)是plotclick函數中的項目與原始數據中的系列對象不一樣。什麼可以做,雖然是在plotclick指回使用item.seriesIndex原始數據:

//setup options 
//setup data 
var data = [ 
    { 
    label: "Serie1", 
    data: 10, 
    url: "http://stackoverflow.com"}, 
... 
]; 
//call plot 
//setup plotclick 
$("#placeholder").bind("plotclick", function (event, pos, item) { 
    alert(data[item.seriesIndex].url); 
}); 

我沒有它的鏈接下面,但應該是很容易爲你做。

這裏是充滿一些示例代碼:http://jsfiddle.net/ryleyb/pq4Q4/

旁註答案:一般情況下,他們寧願你問了一個新問題,而不是堆砌與新的子問題一個老問題。特別是在一個「回答」的問題中(我用引號回答,因爲他們似乎沒有得到完整的答案,所以我可以看到你的困惑)。