Javascript 手动触发鼠标悬停事件或在点上模拟悬停效果

Javascript 手动触发鼠标悬停事件或在点上模拟悬停效果,javascript,jquery,svg,highcharts,Javascript,Jquery,Svg,Highcharts,我有这样的饼图 chart: { type: 'pie', backgroundColor: 'none', renderTo: 'pie-charts-continer' }, 我最头疼的是,当我们在黑色的小圆圈里盘旋时,如何模拟悬停效果。我创建它只是为了视觉效果,它应该看起来像一个阴影。有什么建议吗 为什么不将该内圈绘制为svg circle元素,然后向该元素添加悬停/mouseenter事件的侦听器?使用与前面相同的解决方案-只需通过attr()更新设计切片的属

我有这样的饼图

chart: {
    type: 'pie',
    backgroundColor: 'none',
    renderTo: 'pie-charts-continer'
},


我最头疼的是,当我们在黑色的小圆圈里盘旋时,如何模拟悬停效果。我创建它只是为了视觉效果,它应该看起来像一个阴影。有什么建议吗

为什么不将该内圈绘制为svg circle元素,然后向该元素添加悬停/mouseenter事件的侦听器?

使用与前面相同的解决方案-只需通过attr()更新设计切片的属性即可。见:

在图表中:

            mouseOver: function (e) {
                var x = this.x,
                    d = this.series.linkedParent.data[x];
                mouseOver(d);
            },

你说的是哪一个内黑圈?@gurpreitsingh内黑圈可能是更好的解决方案。你能给我举个例子,说明如何用更短更简单的方式完成它吗?以及,如何将这个svg圈与图表部分等效?
            mouseOver: function (e) {
                var x = this.x,
                    d = this.series.linkedParent.data[x];
                mouseOver(d);
            },