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

Question

>我有这样的饼图

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

http://jsfiddle.net/a3VDp/

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

Answer 1

使用与以前相同的解决方案 - 只需通过 attr（） 更新设计切片的属性。请参阅： http://jsfiddle.net/a3VDp/1/

function mouseOver(element) {
  element.defaultR = element.graphic.r;
  element.graphic.attr({
    r: element.defaultR + 10
  });   
}

在图表中：

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

Answer 2

为什么不将该内圈绘制为 svg 圆圈元素，然后将悬停/鼠标输入事件的侦听器添加到该元素？