Question

我正在尝试创建一个Flot饼图，每个楔形中都有一个链接，因此我可以在点击时将用户引导到相应的详细信息页面。

With flot, how can I create a linked pie chart that takes you to other web pages?已有类似帖子。我尝试使用Flot 0.7在该页面上获得答案，以获得带有超链接标签的饼形楔形。但是，series.URL在labelFormatter函数中返回“undefined”。我该如何解决这个问题？

旁注：这是我第一次在这里发帖。我试着在上面的链接中询问这个明显相关的问题，所以我不会为同一个问题创建一个新问题。但是，主持人删除了它。难道它不会帮助阅读该帖子的其他用户找到解决方案吗？没有抱怨，只是想了解删除背后的理由（已经阅读了提问题的常见问题/指南......）。

Answer 1

如果您按照关联问题中的代码进行操作，则会非常接近您想要的内容。问题（使许多人绊倒）是plotclick函数中的项与原始数据中的系列对象不同。您可以做的是使用item.seriesIndex中的plotclick返回原始数据：

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

旁注回答：一般来说，他们更愿意提出一个新问题，而不是用新的子问题回答旧问题。特别是在一个“回答”的问题中（我用引号回答，因为它似乎没有得到完整答案，所以我可以看到你的困惑）。

使用Flot 0.7的链接饼图返回“未定义”链接

1 个答案: