jqPlot饼图工具提示

时间:2013-03-18 10:13:15

标签: jquery tooltip pie-chart jqplot jqplot-highlighter

我是否认为jqPlot中的Hightlighter类不处理PieRenderer的工具提示?我花了很长时间试图让它们工作,但我似乎无法让它显示工具提示。

如果我是对的,有没有办法处理段的翻转并将数据传递给第三方jQuery工具提示?

感谢。

2 个答案:

答案 0 :(得分:4)

如果您使用的是Highlighter插件,请记住设置useAxesFormatters:false或它不起作用。

highlighter: {
    show: true,
    useAxesFormatters: false, // must be false for piechart   
    tooltipLocation: 'w',
    formatString:'%s, %P',
}

它不会跟随鼠标,而是设置在左上角。

答案 1 :(得分:1)

通过issues查看jqplot,似乎已经有一些对此功能的请求,但它尚未实现。

根据此问题How to display tooltips on jqplot pie chart,您可以将jqplotDataHighlightjqplotDataUnhighlight事件联系起来:

$("#chartId").bind('jqplotDataHighlight', function(ev, seriesIndex, pointIndex, data) {

}); 

$("#chartId").bind('jqplotDataUnhighlight', function(ev, seriesIndex, pointIndex, data) {

});

使用此技术创建自定义工具提示here就是一个很好的示例。虽然它正在处理气泡图,但它应该指向正确的方向。

您还可以试用jqplot-highlighter插件,该插件允许使用饼图的工具提示。