Question

我使用带有jqplot库的primefaces。

在我的饼图中，我有扩展器属性，在javascript函数中我有这个：

this.cfg.highlighter = {
     show:true,
     tooltipLocation: 'n',
     tooltipAxes: 'y',
     useAxesFormatters: false,
     tooltipFormatString: '%s'
}

工具提示显示部分值，但不显示部分百分比。

有人知道如何在工具提示中显示百分比值吗？

感谢。

Answer 1

您可以绑定突出显示事件以修改工具提示：

$("#chart1").bind('jqplotDataHighlight', function(ev, seriesIndex, pointIndex, data) {
 var highlightToolTip = $(".jqplot-highlighter-tooltip");   
 var pct = Math.round(data[1]/total*100);
 highlightToolTip.html(data[0]+", "+pct+"%");  
});

其中：

data 1是突出显示的切片的值
data [0]是突出显示的切片的标签

total是一个变量，包含此处构建的绘图的总值：

 data = [
    ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], 
    ['Out of home', 16],['Commuting', 7], ['Orientation', 9]
];

var total = 0;
$(data).map(function(){total += this[1];})

请参阅一个工作示例 fiddle here

在jqplot饼图工具提示中显示百分比

1 个答案: