javascript - 如何在jqplot饼图上显示工具提示

Question

我有一个带有图例的 jqplot 饼图，当鼠标悬停在饼图上时，我想让图例文本显示为工具提示。我不知道该怎么做。有没有人有类似的经验？

示例代码:

$(document).ready(function(){
  var data = [['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14],['Out of home', 16],['Commuting', 7], ['Orientation', 9]];
  var plot1 = jQuery.jqplot ('chart1', [data],
    {
      seriesDefaults: {
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
          showDataLabels: true
        }
      },
      legend: { show:true, location: 'e' }
    }
  );
});

Answer 1

我使用的是最新版本的 jqPlot，只需在“seriesDefaults”部分使用以下内容即可获得工具提示:

highlighter: {
  show: true,
  formatString:'%s', 
  tooltipLocation:'sw', 
  useAxesFormatters:false
}

重要的部分是“useAxesFormatters: false”，因为饼图中没有坐标轴。随意将“formatString”更改为您想要的任何内容，但对我来说，只是“%s”显示与图例中显示的字符串完全相同的字符串。