Я нашел хороший способ генерации диаграмм с использованием Google charts API
диаграмм Google charts API
.
Вот что я создал http://jsfiddle.net/Mithrand1r/CnRtD/1/
Его просто повторяли один график шесть раз. Первый из них можно развернуть (нажав на него).
И вот вопрос, который у меня есть. Могу ли я использовать столбцы на этой диаграмме в качестве кнопок? Я имею в виду, что я хочу создать другую диаграмму после того, как пользователь нажмет на конкретный столбец на диаграмме, которую он смотрит на данный момент.
Используйте событие "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
}
});
getSelecton()
нарушает весь сценарий ..getSelection
не зависит от количества диаграмм на вашей странице, поэтому вполне вероятно, что у вас другая проблема. Отправьте обновленный код, который вы используете, или обновленный jsfiddle, и я посмотрю.