在基于Jquery的时髦动画饼图中将单击转换为悬停

Question

我在网上看到了这个基于Jquery的饼图。你可以从这里免费下载：http://www.elated.com/articles/snazzy-animated-pie-chart-html5-jquery/

我无法将滑动饼块的鼠标单击功能转换为以相同方式在鼠标悬停时做出反应。它们对鼠标悬停的反应方式似乎存在问题。但是，当将相同的鼠标悬停应用于表时，没有问题，饼图将按预期做出反应。您可以查看代码，并告诉我，为了让饼图在鼠标悬停时展开，需要进行哪些更改。

非常感谢。

Answer 1

hover事件在图表上不起作用的原因是因为图表是一个画布元素。这些切片不是单独的元素。因此，您需要使用mousestop事件，该事件在用户每次将鼠标悬停在切片上并保持鼠标不动时被调用。

mousestop事件没有附带Jquery，但Richard Scarrott做了一个Jquery插件：http://www.richardscarrott.co.uk/posts/view/jquery-mousestop-event

你可以像这样在图表上使用它：

$('#chart').mousestop(100, handleChartClick);