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 circle 要素として描画し、その要素に hover / mouseenter イベントのリスナーを追加してみませんか?