Jquery 鼠标悬停不处理重叠的图元

在下面的饼图插件中，某些元素没有显示工具提示标题

$.widget（“ui.piechart”{
选项：{
宽度：400，
身高：200，
数据：空，
标签：空，
legendcolorwidth:'20px'，
legendwidth:'200px'
},
_创建：函数（）{
var-pierIndex=0；
var labelIndex=0；
var指数=0；
var width=this.options.width；
变量高度=宽度/2；
函数getPier（deg，label，sno）{
var cssSize=“宽度：“+height+”px；高度：“+height+”px；”；
var半尺寸=高度*.5；
var commonCss=“位置：绝对；剪辑：rect（”+
半尺寸+像素+
高度+“px，”+高度+“px，0px）；“；
变量html=
$("");
pierIndex+=摄氏度；
返回html；
}
this.element.css（'width'，width/2+'px'））
.css（'height'，height+'px'）
.toggleClass（'ui-piechart-default'）；
var合计=0；
if（this.options.labels==null）
this.options.labels=新数组（）；
对于（var i=0；i

从a到e检查标签，它们不会显示工具提示。这是因为元素是重叠和绘制的。即使我以任何顺序设置z索引，工具提示也不会显示

我有没有办法克服鼠标悬停的问题

onmouseout='_resetHighlights()'

函数

\u resetHighlights（）

未定义

onmouseover='_identifyobject(" + i + ");'

---

函数

\u identifyobject（）

未定义

由于它们的旋转点（

变换原点

）位于中心，因此

div

始终相互重叠。尝试修改它，如左上角：

onmouseover='_identifyobject(" + i + ");'

我希望这个

CSS

+

HTML

“演示”可以帮助您。如果您有任何问题，请写下评论。：）

编辑：

---

JS的工作版本：

您有一个非常不错的算法，可以计算每个元素在饼图中应该占据的面积。我会将mouse-over事件附加到所有饼图切片的父元素，并使用鼠标位置来确定我在上面的切片。由于元素的重叠，DOM很难推断出哪个元素是mouseover事件的目标。同样，你有一个非常好的算法来计算这些面积，所以我相信你可以利用它来解决这个问题。这有意义吗？我希望如此

这些是我在另一个JS文件中提供的预定义函数，与问题无关。我现在已经更新了fiddle和代码。我不能牺牲Jquery插件的概念：）。因为在我的项目中，我必须根据从DB检索到的对象数组绘制一个饼图；还不完美，但我必须回家（现在是17:14）明天我可以好好检查一下吗？谢谢。这看起来很有效：）你说的“还不完美”是什么意思？？？但如果宽度大于450，我可以看到一些div在背景中升高。你是这么说的吗？？？？嗯，只是些小事。（框阴影，宽度/高度）。我很高兴能工作。编辑：是，

背景色：rgba（0,0,0,2）在
#图表中是不必要的。这并不容易，但现在它是完美的谢谢我试试看。