Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在基于Jquery的时髦动画饼图中将单击转换为悬停_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 在基于Jquery的时髦动画饼图中将单击转换为悬停,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在网上看到了这个基于Jquery的饼图。您可以从这里免费下载: 我无法将滑动饼片的鼠标点击功能转换为对鼠标悬停的相同反应。他们对鼠标悬停的反应似乎有问题。但是,当将相同的鼠标悬停应用于表时,不会出现问题,饼图的反应与预期一致。你能看一下代码并告诉我为了让饼图在鼠标悬停时展开需要做哪些更改吗 非常感谢。悬停事件在图表上不起作用的原因是图表是画布元素。切片不是独立的元素。因此,您需要使用mousestop事件,每当用户将鼠标悬停在某个切片上并保持鼠标静止时,就会调用该事件 mousestop事件不

我在网上看到了这个基于Jquery的饼图。您可以从这里免费下载:

我无法将滑动饼片的鼠标点击功能转换为对鼠标悬停的相同反应。他们对鼠标悬停的反应似乎有问题。但是,当将相同的鼠标悬停应用于表时,不会出现问题,饼图的反应与预期一致。你能看一下代码并告诉我为了让饼图在鼠标悬停时展开需要做哪些更改吗


非常感谢。

悬停事件在图表上不起作用的原因是图表是画布元素。切片不是独立的元素。因此,您需要使用mousestop事件,每当用户将鼠标悬停在某个切片上并保持鼠标静止时,就会调用该事件

mousestop事件不是Jquery附带的,但是Richard Scarrott制作了一个Jquery插件:

您可以在图表上使用它,如下所示:

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

你能展示一下到目前为止你所拥有的东西吗,也许可以使用JSFIDLE?我会给JSFIDLE。。但它似乎不能很好地呈现图形。。。通过将所有单击输入转换为悬停,您可以轻松完成我所做的工作。