[visualization-api] chartRangeFilter, how to use the statechange inProgress property

[tcimagliawave]

I am trying to use the inProgress property of the statechange event for the 
chartRangeFilter but I can't seem to get it to work the way I believe it 
should work.  The ready event works as expected but whenever I try to use 
the inProgress property of the statechange event I get an undefined 
result.  Could someone please explain how to use the inProgress property of 
the chartRangeFilter to determine when the user has finished changing the 
chart range.

 var dashboard = new 
google.visualization.Dashboard(document.getElementById('dashboard_div'));

           var programmaticSlider = new 
google.visualization.ControlWrapper({
             'controlType': 'ChartRangeFilter',
             'containerId': 'control_div',
             'options': { 'filterColumnIndex': 0,
                   'ui': {'chartType':'LineChart' , 'chartOptions':{ 
'height':175,'width':400, 'chartArea':{'height':'50%' , 'width':'80%'} 
 ,'hAxis':{ 'format':'M/d','gridlines':{'color':'#333'} }, 'vAxis':{ 
'gridlines':      
                    {'color':'#333'},'minorGridlines':{'color':'#333'} } } 
}      
                }
           });

           var programmaticChart  = new google.visualization.ChartWrapper({
               'chartType': 'LineChart',
               'containerId': 'chart_div',
               'options': {
               'width': 400,
               'height': 400,
               //'backgroundColor':{'stroke':'black','strokeWidth':3},
               'title':'Merritt Way',
               'legend':'none',
           'hAxis':{'title':'Time (UTC)','format':'M/d \n 
HH:mm','gridlines':{'color':'#333'},'textStyle':{'fontSize':10} },
               'vAxis':{'title':'ft 
NAVD88','gridlines':{'color':'#333'},'minorGridlines':{'color':'#333'},'minValue':-3,'maxValue':3},
               //'backgroundColor':'#f4f3f3',
               'chartArea':{'height':'80%' , 'width':'80%' , 
'backgroundColor':{'stroke':'black','strokeWidth':3}}
             }

            });

      google.visualization.events.addListener(programmaticSlider, 
'ready',readyHandler);

          dashboard.bind(programmaticSlider,programmaticChart);
          dashboard.draw(MW_data);
          
google.visualization.events.addListener(programmaticSlider,'statechange',changeHandler);
          
          function readyHandler()
              {
                          var controlState = programmaticSlider.getState();
                          alert(controlState.range.start);
                          alert(controlState.range.end);
              }

          function changeHandler(e)
              { 
                 if( e.inProgress == 'true')
                  {
                     alert('True');
                  }
                
                  if( e.inProgress == 'false')
                   {
                      alert('False');
                   }   
              }

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to google-visualization-api+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/e59a44d3-8acd-4db5-b0df-5748030d8287n%40googlegroups.com.