jqPlot - 円グラフデータのハイライト

Question

パイの上にカーソルを置くと、名前とスコアが表示されますが、左上の面だけが表示されます。私が望むのは、右のパイにカーソルを合わせると、右側に強調表示されたデータが表示され、同様に右下のパイには、強調表示された名前とスコアが右下に表示されます。ここで

は、パイ

var a=2; 
var c=2; 
var t=2; 
var i=2; 

var plot4 = $.jqplot('pie3', [[['A',c],['B',t],['B',a],['D',i]]], { 
              seriesDefaults:{ 
              shadow: false, 
              renderer:$.jqplot.PieRenderer, 
              rendererOptions:{ 
           sliceMargin: 4, 
               // rotate the starting position of the pie around to 12 o'clock. 
           startAngle: -90, 
        showDataLabels: true, 
         dataLabels: 'value', 
         dataLabelFormatString:'%.1f' 

             } 
           } , 
              
       grid: {   
        background: 'transparent', 
        borderColor: 'transparent', 
        shadow: false, 
        drawGridLines: false, 
        gridLineColor: 'transparent', 
        borderWidth: '0' 
       } 
      }); 

     $('#pie3').bind('jqplotDataHighlight', 
     function (ev, seriesIndex, pointIndex, data, radius) {  

      var chart_left = $('#pie3').offset().left, 
      chart_top = $('#pie3').offset().top; 

      var color = '#337ab7'; 
      $('#tooltip1b').css({left:chart_left+radius+5, top:chart_top}); 
      $('#tooltip1b').html('<span style="font-size:15px;font-weight:bold;color:' + 
      color + ';">' + data[0] + '</span><br />' + 'Score : <span style="font-weight:bold;">' + parseFloat(Math.round(data[1] * 100)/100).toFixed(2) + "</span>"); 
      $('#tooltip1b').show(); 
     }); 

     // Bind a function to the unhighlight event to clean up after highlighting. 
     $('#pie3').bind('jqplotDataUnhighlight', 
      function (ev, seriesIndex, pointIndex, data) { 
       $('#tooltip1b').empty(); 
       $('#tooltip1b').hide();     
      }); 
}); 

Answer 1

まあのための私のjqPlotコードである。ここ

highlighter: { 
    show: true, 
    useAxesFormatters: false, 
    tooltipFormatString: '%s' 
}, 

が働いフィドルである、とあなたがする必要があるすべてはあなたのコードにhighlighter属性を追加することです：https://jsfiddle.net/g5ufg021/8/

希望すると便利です。