animation - animate google chart on load -


i trying animation effect columns in google column chart. according similar question posted, solution make change in var option. did so, still don't see animation effect. mission something.

google chart:

                <script type="text/javascript">                      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);                     }                 </script>                 <div id="columnchart_material" style="width: 750px; height: 400px;"></div> 

the chart display, doesn't have animation effect when load page, displays it

animation event driven. animate "on load", need add startup options...

    animation:{       duration: 1000,       easing: 'out',       startup: true     }, 

Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -