2014-02-16 135 views
1

我的饼图正在渲染正常,但是当试图使用工具提示的高亮显示插件时,鼠标悬停在切片上时不会出现工具提示。 请看看我设置的选项,并让我知道如果我失去了明显的东西,谢谢。jqPlot没有出现的饼图工具提示

我已经包括以下相关的js文件:

  • jquery.min.js
  • jquery.jqplot.min.js
  • jqplot.pieRenderer.min.js
  • jqplot。 highlighter.min.js

这里的选项我设置:

var options = { 
    seriesDefaults: { 
     seriesColors: ['#00809d', '#c22a33'], 
     renderer: jQuery.jqplot.PieRenderer, 
     rendererOptions: { 
      showDataLabels: true, 
      dataLabels: 'label', 
      dataLabelPositionFactor: .45, 
      sliceMargin: 1, 
      drawBorder: false, 
      startAngle: -90, 
      highlightMouseOver: true 
     }, 
     highlighter: { 
      show: true, 
      showTooltip: true, 
      formatString:'%s', 
      tooltipLocation: 'ne', 
      useAxesFormatters: false 
     }, 
     shadow: false 
    }, 
    legend: { show:false }, 
    grid: { 
     drawGridlines: false, 
     borderColor: 'transparent', 
     shadow: false, 
     drawBorder: false, 
     shadowColor: 'transparent', 
     background: 'transparent' 
    } 
}; 
+0

我能看到的唯一不好的渲染是关于标签渲染导致的视觉麻烦。标签太长,无法放入饼图。尝试评论“dataLabels:'标签'”行来查看渲染是否正确。请看一个例​​子[这里](http://jsfiddle.net/AnthonyLeGovic/bB9cw/1/) – AnthonyLeGovic

+0

谢谢,但我没有看到一个工具提示时,在你的例子中悬停在切片吗? – user857159

回答

2

我能看到的唯一不好的渲染是关于由于标签渲染引起的视觉麻烦。标签太长,无法放入饼图。尝试评论“dataLabels:'标签'”行来查看渲染是否正确。

为了盘旋切片时显示工具提示,你必须采取荧光笔部分出seriesDefaults块,并把它放在选项块:

var options = { 
    seriesDefaults: { 
    //the 'seriesDefaults' options without the 'highlighter' part 
    }, 
    highlighter: { 
    show: true, 
    showTooltip: true, 
    formatString:'%s', 
    tooltipLocation: 'ne', 
    useAxesFormatters: false 
    }, 
    legend: { show:false }, 
    grid: { /* the 'grid' options } 
}; 

请参见工作示例here

+0

嗨!我知道这很旧,但样本不工作,你记得吗? – user648026