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

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圈元素，然后将hover / mouseenter事件的侦听器添加到该元素？