Here's an example I just did up for another thread:
http://jsfiddle.net/asgallant/ppPb4/
On Friday, June 8, 2012 7:37:18 AM UTC-4, Webtrendz wrote:
>
> Hi Gents,
>
> this is similar to what i am trying to do, is there full code to show how
> this would be done... i am a total novice at the charts and would dearly
> love some help on it myself.
>
> On Wednesday, 2 May 2012 16:04:18 UTC+1, asgallant wrote:
>>
>> 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/-/GbB5cckJEEcJ.
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.
