I am using a visualisation.Dashboard to combine some controls, a map,
a table and a chart.
When the visualisation is drawn, the table reflects the markers
visible on the map as expected.
I want the ability for the user to click on a marker and have the
appropriate row highlighted and vice-versa.
The working example code without using a dashboard looks like this:
google.visualization.events.addListener(table, 'select', function()
{ map.setSelection(table.getSelection()); });
google.visualization.events.addListener(map, 'select', function()
{ table.setSelection(map.getSelection()); });
If I use this in my dashboard, nothing happens.
I've tried adding the table and the map to the global scope, like the
visualisation variable, but that made no difference.
Within my draw handler the code snippet looks like this:
new
google.visualization.Dashboard(document.getElementById('dashboard')).
bind(CyPicker, [TmPicker, NrPicker, TrPicker]).
bind(TmPicker, [map1, table1, chart1]).
draw(data);
google.visualization.events.addListener(table1, 'select', function()
{ map1.setSelection(table1.getSelection()); });
google.visualization.events.addListener(map1, 'select', function()
{ table1.setSelection(map1.getSelection()); });
How do I attach a 'select' listener to a table and a map within a
dashboard?
What am I missing?
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
