我正在尝试创建一个 Flot 饼图,每个楔形中都有一个链接,这样我就可以在单击时将用户定向到相应的详细信息页面。
With flot, how can I create a linked pie chart that takes you to other web pages? 已经有类似的帖子。我用 Flot 0.7 尝试了该页面上的答案,以获得带有超链接标签的饼形楔形。但是,series.URL 在 labelFormatter 函数中返回“未定义”。我该如何解决这个问题?
旁注:这是我第一次在这里发帖。我尝试在上面的链接中提出这个明显相关的问题,因此我不会为同一问题创建新问题。但已被版主删除。难道它不会帮助阅读该帖子的其他遇到同样问题的用户找到解决方案吗?不是提示,只是想了解删除背后的理由(已阅读常见问题解答/提问指南..)。
最佳答案
如果您按照链接问题中的代码进行操作,它们会非常接近您想要的内容。问题(让很多人困惑)是 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/
旁注答案:一般来说,他们更愿意你提出一个新问题,而不是用新的子问题堆砌一个旧问题。特别是在“已回答”的问题中(我将答案放在引号中,因为他们似乎没有得出完整的答案,所以我可以看到您的困惑)。
关于javascript - 使用 Flot 0.7 的链接饼图返回 "undefined"链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6211227/