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
Post a Comment