Javascript 当您在图表js中的每个饼图上悬停时，是否可以制作一个方框阴影？

现在，我在每个饼图中使用

onHover

来添加缩放，但我想在每个饼图上悬停时添加一些

boxShadow

，并在鼠标移动/鼠标出时将其删除

下面是代码的

片段

更新：


现在可以正常工作了：添加了chartjs插件样式并编写了代码片段
已更新。thx

谢谢大家


let段；
var ctx=document.getElementById（'chartPie'）.getContext（'2d'）；
var myChart=新图表（ctx{
键入“pie”，
数据：{
标签：[“红色”、“蓝色”、“绿色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,20]，
背景颜色：[
“红色”，
“蓝色”，
“绿色”
],
数据标签：{
颜色：“#000”
},
悬停宽度：20，
hoverInnerGlowColor:'rgba（146151164，.5）'，
hoverOuterGlowWidth:20，
hoverOuterGlowColor:'rgba（127133151,1）'
}]
},
选项：{
图例：{
显示：假
},
布局：{
填充：15
},
onHover:function（evt，elements）{
if（elements&&elements.length）{
段=元素[0]；
this.chart.update（）；
selectedIndex=段[“_index”]；
段._模型外表面+=5；
}否则{
如果（段）{
节段。_模型外表面-=5；
}
段=空；
}
}
}
});
。图表饼图{
宽度：400px；
高度：400px；
保证金：自动；
}
chartjs样式插件似乎完全符合您的要求-hoverShadow*chartjs插件样式已添加，代码段已更新。thxso，它看起来正在工作。。