Javascript 谷歌图表：信息弹出窗口对浮动div不起作用？

如果你看下面的

右侧的图表不显示弹出窗口。 为什么呢？我怎样才能解决它

google.load('visualization', '1.0', {
    'packages': ['corechart']
});

google.setOnLoadCallback(drawChart);

function drawChart() {

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'User');
    data.addColumn('number', 'Messages Sent');
    data.addRows([
        ['Amelia', 35],
        ['John', 1],
        ['Ted', 3],
        ['pat', 1]
    ]);

    var data2 = new google.visualization.DataTable();
    data2.addColumn('string', 'User');
    data2.addColumn('number', 'Messages Sent');
    data2.addRows([
        ['Amelia', 35],
        ['John', 1],
        ['Ted', 3],
        ['pat', 1]
    ]);

    var options = {
        'title': 'Ownership',
            'width': 250,
            'height': 250
    };

    var options2 = {
        'title': 'Ownership',
            'width': 250,
            'height': 250
    };

    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    var chart2 = new google.visualization.PieChart(document.getElementById('chart_div_2'));
    chart.draw(data, options);
    chart2.draw(data2, options2);
}

---

这是一个分层问题

如果使用DOM检查器，您将看到

chart\u div\u 2

overlays

chart\u div

。可视化API取消了图表元素容器div上的鼠标事件传播，因此悬停事件不会传递到

chart\u div

要解决这个问题，您需要在CSS中设置图表div的宽度。看