Показывать процент в подсказке круговой диаграммы jqplot

Question

Я использую Primefaces с библиотекой jqplot.

В моей круговой диаграмме у меня есть свойство extender и в функции 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+"%");  
});

Куда:

• данные 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];})
  

Пожалуйста, посмотрите рабочий пример на скрипке здесь