Использование баров из Google-графиков в качестве кнопок

0

Я нашел хороший способ генерации диаграмм с использованием Google charts API диаграмм Google charts API.

Вот что я создал http://jsfiddle.net/Mithrand1r/CnRtD/1/

Его просто повторяли один график шесть раз. Первый из них можно развернуть (нажав на него).

И вот вопрос, который у меня есть. Могу ли я использовать столбцы на этой диаграмме в качестве кнопок? Я имею в виду, что я хочу создать другую диаграмму после того, как пользователь нажмет на конкретный столбец на диаграмме, которую он смотрит на данный момент.

Теги:
google-visualization

1 ответ

0

Используйте событие "select":

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
    }
});
  • 0
    Это работает, когда у меня есть только один график. Хотя моя страница содержит мало, getSelecton() нарушает весь сценарий ..
  • 0
    Метод getSelection не зависит от количества диаграмм на вашей странице, поэтому вполне вероятно, что у вас другая проблема. Отправьте обновленный код, который вы используете, или обновленный jsfiddle, и я посмотрю.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню