title: animate google chart on load
body: <p>I am trying to get an animation effect for my columns in my Google column chart. According to a similar question posted, the solution was to make the change in the <strong>var option</strong>. I did so, however I still don't see the animation effect. Am I mission something.</p>
  
  <p>Google Chart:</p>
  
  
  
  <pre><code>                &lt;script type="text/javascript"&gt;
  
                      google.load("visualization", "1.1", { packages: ["bar"] });
                      google.setOnLoadCallback(drawChart);
                      function drawChart() {
  
                          var options = {
                              'title': '',
                              'animation': { duration: 1000, easing: 'out', }
                          };
  
                          var data1 = new google.visualization.arrayToDataTable([
                            ['Date', 'Under Review', 'Accepted', 'Rejected', 'In Print', 'Published'],
                             @Html.Raw(rows)]);                          
  
                          var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
  
                          chart.draw(data1, options);
                      }
                  &lt;/script&gt;
                  &lt;div id="columnchart_material" style="width: 750px; height: 400px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The Chart does display, but doesn't have that animation effect when I load the page, it simply displays it</p>