Setting dataTable for category filter on button click

[Shivani Kanakhara]

I am using a category filter where i pass data using ajax. 

Now i want to change the data passed to the filter on button click.

I am doing something like this but it is not working:

var data;
document.getElementbyId('btnGetData').onclick = function()
{
      
      data = GetData()
      filter.draw();
}
 var filter = new google.visulization.ControlWrapper({
    'controlType': 'CategoryFilter',
    'dataTable':data,
    ...
    ...
   });

i guess there is something related to filter.getcontrol() in the ready event..

but not exactly sure.

How should exactly the code be?

[Andrew Gallant]

You need to call filter.setDataTable in the handler:

document.getElementbyId('btnGetData').onclick = function()

{

    data = GetData();

    filter.setDataTable(data);

    filter.draw();