Google Charts：マウスを動かすと、選択したグラフが前面に表示されます

Question

私はマップ上に複数の円グラフを表示するためにgoogle charts APIを使用しています。彼らは重複しているので、私は与えられたpiechartの上にマウスを置くと、それを上に持ってくる相互作用を追加したい。

私はこのコード

google.visualization.events.addListener(this.chart, 'onmouseover', function(e) { 
    this.chart.setZIndex(zIndex++); 
     }); 

を使用してみました。しかし、私は正しい応答を取得しておりません。つかんだチャートをどのように上に持っていくことができるか教えてください。 これは、関連するフィドルです。マウスオーバーで呼び出された別の関数の追加http://jsfiddle.net/doktormolle/Vg6jm/

おかげ

Answer 1

試してみてください。

click: function(event) { 
      drawChart(marker, event); 
      focusMarker(marker, event) 
}, 

と

function focusMarker(marker, event) { 
    $(marker.$div[0].parentNode).append(marker.$div[0]); 
} 

JSfiddle exampleを、私は、イベントを設定するあなたの方法に慣れていないよので、これをトリガーグラフをクリックしたときにのみ呼び出されますが、関数は選択したグラフdivを他のグラフの前に置くように設定します。

希望すると便利です。