You can do that already. Set up an event handler for the 'select' event of
your first pie chart that filters the data for and redraws the second pie.
Something like this:
var pie1 = new google.visualization.PieChart(document.getElementById(
'pie1_div'));
var pie2 = new google.visualization.PieChart(document.getElementById(
'pie2_div'));
google.visualization.events.addListener(pie1, 'select', function () {
var sel = pie1.getSelection()[0];
// use sel.row and sel.column to get whatever information you need to
filter the data for pie2
var pie2View = new google.visualization.DataView(pie2Data);
view.setRows(arrayOfFilteredRowIndicies);
pie2.draw(pie2View, pie2Options);
}
On Wednesday, May 2, 2012 3:31:34 AM UTC-4, nagraj wrote:
>
> Now that, the Pie Charts are interactive using the controls(like
> slider,etc.). It would be good if we can filter the charts directly by
> clicking in an area of the chart itself.
>
> For example,
>
> I have 2 charts, Gender of Employees and Age Range of Employees.
> So, when I click on the Male area of the first chart, it should
> automatically drill down the next chart(Age Range) w.r.t the filter
> "Male".
>
>
> This functionality will make the chart interaction even more user
> friendly.
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/eF9TOcHXEtEJ.
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.
