charts - 将事件处理程序附加到谷歌图表中的柱形图

Question

如何将事件监听器添加到谷歌图表(柱形图)列名称(标签)。 例如，2004、2005、2006、2007 等标签应该抛出事件。

当用户点击列名(标签)时，应该触发事件(选择)。

有一项规定可以将事件监听器添加到可视化数据，但不添加到列标签。

当用户在可视化中选择某些数据时，触发名称为“select”的事件。该事件不会向监听函数发送任何参数。 https://developers.google.com/chart/interactive/docs/dev/events#The_Select_Event

Answer 1

使用“点击”事件处理程序:

google.visualization.events.addListener(chart, 'click', function(e) {
    var match = e.targetID.match(/hAxis#\d#label#(\d)/);
    if (match != null && match.length) {
        var rowIndex = parseInt(match[1]);
        // get the value from column 0 in the clicked row
        var label = data.getValue(rowIndex, 0);
        alert('You clicked on ' + label);
    }
});