Google Charts：鼠标悬停时将选中的图表放在前面

Question

我使用谷歌图表API在地图上显示多个饼图。由于它们是重叠的，我想添加一个交互，将鼠标悬停在给定的饼图上会将它带到顶部。

我尝试使用此代码

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设置在其他图表前面。

希望这有帮助！