With this working chart definition, the ready event fires, but not the 
finish animation event.

I am trying to orchestrate an ajax call after the redraw from the 
animationfinish event because if I make the ajax call before this event, 
the animation is interrupted and it looks very "jerky".  How do I get the 
animiationfinish event to fire?

     // Create and draw the visualization.
     stackcol = new google.visualization.ChartWrapper({
          'chartType': 'ColumnChart',
          'containerId': 'chart2',
          'options': {
               'title':'Scan History',
               'titleTextStyle': {color: 'yellow', fontName: 'Porkys', 
fontSize:16 }, //"Porkys", Comic Sans MS;
               'width':'100%',
               'height':170,
               
'chartArea':{left:20,top:25,right:10,width:"95%",height:"65%"},
               'isStacked': true,
               'backgroundColor': '#222222',
               'legend': {'position':'none'},
               'colors': ['#22445d','446985','678ba7','8eaec6','bed4e5'], 
//mindset blues
               'animation': {'duration':1000, 'easing':'inAndOut'},
               'hAxis': {'title': '',
                    'slantedTextAngle': 60,
                    'baselineColor' : 'yellow',
                    'titleTextStyle': {color: 'yellow', fontName: 
'Soopafresh, Comic Sans MS', fontSize:11 },
                    'textStyle': {color: 'yellow', fontName: 'Soopafresh, 
Comic Sans MS', fontSize:10 } 
               },
               'vAxis': {'title': 
'Fixed\u00a0\u00a0Mixed\u00a0\u00a0Growth',
                    'maxValue': 100,
                    'viewWindowMode': 'explicit', //'pretty' 'explicit' 
'maximized'
                    'viewWindow': {'max':100, 'min':40},
                    'baselineColor' : 'yellow',
                    'gridlines': {color: 'yellow', count: 4},
                    'titleTextStyle': {color: 'yellow', fontName: 'Comic 
Sans MS', fontSize:11 },
                    'textStyle': {color: 'yellow', fontName: 'Comic Sans 
MS', fontSize:10 } 
               }
          },
          'view': {'columns': [{calc:mindsetDate, type:'string', 
label:''},6,4]}
     });

     google.visualization.events.addListener(stackcol, 'animationfinish', 
function(){
          alert('stackcol animation is finished.');
     });
     google.visualization.events.addListener(stackcol, 'ready', function(){
          alert('stackcol is ready.');
     });

-- 
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/-/xO6u22mrvBQJ.
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.

Reply via email to