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

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 圆元素，然后为该元素添加悬停/鼠标输入事件的侦听器？