jquery - jqPlot 饼图工具提示

Question

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

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

谢谢。

Answer 1

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

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

它不跟随鼠标，但它设置在左上角。

Answer 2

查看 jqplot的问题，似乎有一些对该功能的请求，但尚未实现。

基于这个问题How to display tooltips on jqplot pie chart，您可以连接jqplotDataHighlight和jqplotDataUnhighlight事件：

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

}); 

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

});

这里有一个使用这种技术创建自定义工具提示的好例子。尽管它正在处理气泡图，但它应该为您指明正确的方向。

你也可以试试jqplot-highlighter插件，它允许饼图的工具提示。