javascript - ボタンとしての Google チャートの使用状況バー

Question

を使用してチャートを生成する良い方法を見つけましたGoogle charts API。

これが私が作成したものですhttp://jsfiddle.net/Mithrand1r/CnRtD/1/

1 つのチャートを 6 回繰り返しただけです。最初の 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
    }
});