javascript - 谷歌图表中的使用栏作为按钮

Question

我找到了使用Google charts API.

这是我创建的http://jsfiddle.net/Mithrand1r/CnRtD/1/

它只是重复了一张图表六次。第一个可以展开（通过单击它）。

现在是我的问题。我可以将此图表上的列用作按钮吗？我的意思是，在用户单击他正在查看的图表上的特定列后，我想生成另一个图表。

Answer 1

使用“选择”事件：

google.visualization.events.addListener(chart, 'select', function () {
    var selection = chart.getSelection();
    if (selection.length > 0) {
        // then we selected something
        // most charts only support one selected element, so it is typically safe to do this:
        var row = selection[0].row;
        var column = selection[0].column;
        if (row == null) {
            // then someone clicked on the legend
        }
        else {
            // then someone clicked a chart element (bar, column, point, etc)
            // get any relevant data from the DataTable using the #getValue and/or #getFormattedValue methods
            // eg:
            var val = data.getValue(row, column);
            // do something with val
        }
    }
    else {
        // then we deselected all previously selected elements
    }
});