Javascript 是否可以在图表js中使用mouseenter和mouseleave事件？

现在我在每个饼图中使用

onHover

来添加缩放，但我想使用

mouseenter和mouseleave

。因此，在

mouseenter

上，它会在每个饼图上添加一些缩放，在

mouseleave

上，我希望它恢复到原始状态

mouseenter mouseleave

或

mouseover mouseout

都可以

这是代码笔：

谢谢大家

var ctx=document.getElementById（'chartPie'）.getContext（'2d'）；
var myChart=新图表（ctx{
键入“pie”，
数据：{
标签：[“红色”、“蓝色”、“绿色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,20]，
背景颜色：[
“红色”，
“蓝色”，
“绿色”
],
数据标签：{
颜色：“#000”
}
}]
},
选项：{
图例：{
显示：假
},
布局：{
填充：5
},
onHover：函数（evt、元素）{
let段；
if（elements&&elements.length）{
段=元素[0]；
this.chart.update（）；
selectedIndex=段[“_index”]；
段._模型外表面+=5；
}否则{
如果（段）{
节段。_模型外表面-=5；
}
段=空；
}
}
}
});
。图表饼图{
宽度：400px；
高度：400px；
保证金：自动；
}
您的代码已经设计为在mouseout上恢复到原始大小，但是您有一个微妙的错误

您需要在图表外部定义
段
变量。保存对段的引用后，
mouseout
事件将触发，
onHover
处理程序将饼图返回到其原始大小

请参见以下所附示例：


let段；
var ctx=document.getElementById（'chartPie'）.getContext（'2d'）；
var myChart=新图表（ctx{
键入“pie”，
数据：{
标签：[“红色”、“蓝色”、“绿色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,20]，
背景颜色：[
“红色”，
“蓝色”，
“绿色”
],
数据标签：{
颜色：“#000”
}
}]
},
选项：{
图例：{
显示：假
},
布局：{
填充：5
},
onHover：函数（evt、元素）{
if（elements&&elements.length）{
段=元素[0]；
this.chart.update（）；
selectedIndex=段[“_index”]；
段._模型外表面+=5；
}否则{
如果（段）{
节段。_模型外表面-=5；
}
段=空；
}
}
}
});
。图表饼图{
宽度：400px；
高度：400px；
保证金：自动；
}

当您将鼠标悬停在每个饼上并将其移到mouseleave上时，是否有办法制作一个方框阴影？是的，但这是一个单独的问题！很高兴在另一个岗位上帮忙。如果我的回答有帮助，请接受：）嗨，泰，这是关于它的单独问题。谢谢