Flot饼图 - 标签格式化器功能参数?

时间:2014-04-15 17:17:58

标签: flot

在谷歌小组发布此帖,但帖子似乎已经消失,所以会在这里试试。

我有一个数据数组,我用它来填充flot图表系列数据,一切正常。我现在想要使图例和相关部分都可以点击,这样我就可以在饼图中“向下钻取”更多细节,并有另一个饼图显示该细分数据的细分。

标签格式化程序自定义函数显然是在哪里执行此操作,但它只接受标签和系列,并且系列似乎不包含每个系列对象的数组中的位置索引,因为它通过标签格式化程序功能

我正在尝试做类似的事情:

function labelFormatter(label, series)
    return '<a href="#" onclick="myfunction(" + series.index + ")>" + label + "</a>"
}

...以便我可以传递点击的细分细节。我想我可以使用传递的标签,然后在原始数据数组中搜索匹配项,并使用该索引位置计算出单击的项目,但似乎有点长篇大论。

我是否在这里遗漏了一些功能,或者我不能按照我正在尝试的方式进行操作?

1 个答案:

答案 0 :(得分:1)

默认情况下,图例按照您提供的顺序显示系列。因此,您可以使用常规的jQuery循环将它们转换为链接,或者只是添加单击侦听器。

$.each(".legend tr", function(i, row) {
    addDrillDownListener(row, series[i]);
});

使用饼图切片本身更容易,因为悬停和单击回调接收具有seriesIndex属性的对象。