I missed that you are using the Material charts. Animation isn't supported at all yet for those. You might want to use the theme: 'material' option with corechart instead.
On Fri, Jun 10, 2016 at 6:10 AM, <[email protected]> wrote: > Thanks for your suggestion. > > That hasn't worked and the input on the control hasn't rendered. (See > attached screenshot) > > Any further ideas? > > > <https://lh3.googleusercontent.com/-jTz7OHFnmbk/V1qR5iWyajI/AAAAAAAAAAM/4_YcKP2GxI4oQ5O2B089hpwcZLaZBNMGQCLcB/s1600/Animation%2BIssue.PNG> > > > On Thursday, 9 June 2016 21:15:53 UTC+1, Daniel LaLiberte wrote: >> >> I believe we have a fix for the animation problem in dashboards in the >> 'upcoming' release. Just change your 'current' to 'upcoming'. >> >> On Thu, Jun 9, 2016 at 12:32 PM, <[email protected]> wrote: >> >>> Hi, >>> >>> New to google charts and exploring sample code to check I can replicate >>> functionality. >>> >>> I am unable to get my column chart to animate from within a dashboard >>> wrapper. >>> >>> Anyone tell me what I'm doing wrong? >>> >>> <html> >>> <head> >>> <!--Load the AJAX API--> >>> <script type="text/javascript" src=" >>> https://www.gstatic.com/charts/loader.js";></script> >>> <script type="text/javascript"> >>> >>> // Load the Visualization API and the controls package. >>> google.charts.load('current', {'packages':['bar', 'controls']}); >>> >>> // Set a callback to run when the Google Visualization API is >>> loaded. >>> google.charts.setOnLoadCallback(drawDashboard); >>> >>> // Callback that creates and populates a data table, >>> // instantiates a dashboard, a range slider and a pie chart, >>> // passes in the data and draws it. >>> function drawDashboard() { >>> >>> >>> var data = google.visualization.arrayToDataTable([ >>> ['Date Sort', 'Date','Act_No', 'Activity','sub_no', >>> 'Subject','Duration', 'Location_no','Location', 'Day','Colleague', 'Phase'], >>> [20160608,new Date(2016,06,08),3,'Class >>> Teaching',2,'Reading',60,1,'In-School','Saturday','Colleague A','Key Stage >>> One'], >>> [20160608,new Date(2016,06,08),3,'Class >>> Teaching',3,'Writing',60,1,'In-School','Saturday','Colleague A','Key Stage >>> One'], >>> [20160608,new Date(2016,06,08),3,'Class >>> Teaching',4,'Mathematics',60,1,'In-School','Saturday','Colleague A','Key >>> Stage One'], >>> [20160608,new Date(2016,06,08),3,'Class >>> Teaching',5,'Science',60,1,'In-School','Saturday','Colleague A','Key Stage >>> One'], >>> [20160609,new Date(2016,06,09),3,'Class >>> Teaching',2,'Reading',60,1,'In-School','Tuesday','Colleague A','Key Stage >>> One'], >>> [20160609,new Date(2016,06,09),3,'Class >>> Teaching',3,'Writing',60,1,'In-School','Tuesday','Colleague A','Key Stage >>> One'], >>> [20160609,new Date(2016,06,09),3,'Class >>> Teaching',4,'Mathematics',60,1,'In-School','Tuesday','Colleague A','Key >>> Stage One'] >>> ]); // 'false' means that the first row contains labels, not data. >>> >>> // Create a dashboard. >>> var dashboard = new google.visualization.Dashboard( >>> document.getElementById('dashboard_div')); >>> >>> >>> var control = new google.visualization.ControlWrapper({ >>> >>> 'controlType': 'CategoryFilter', >>> 'containerId': 'filter_div', >>> >>> >>> 'options': { >>> 'filterColumnIndex': 5, >>> >>> 'ui': { >>> 'allowTyping': false, >>> 'allowMultiple': true, >>> 'selectedValuesLayout': 'aside' >>> } >>> }, >>> >>> 'state': {'selectedValues': []} >>> }); >>> >>> >>> // Create a pie chart, passing some options >>> var pieChart = new google.visualization.ChartWrapper({ >>> 'chartType': 'Bar', >>> 'containerId': 'chart_div', >>> >>> 'options': { >>> 'chart': { 'title': 'Density of Precious Metals, in g/cm'}, >>> 'width': 600, >>> 'height': 300, >>> 'bar': {'groupWidth': '85%'}, >>> 'legend': { 'position': 'left' }, >>> 'animation':{ 'duration': 6000, 'easing': 'linear','startup': >>> 'true'} >>> >>> }, >>> >>> 'view': {'columns': [5, 4]} >>> >>> }); >>> >>> dashboard.bind(control, pieChart); >>> >>> // Draw the dashboard. >>> dashboard.draw(data); >>> } >>> </script> >>> </head> >>> >>> <body> >>> <!--Div that will hold the dashboard--> >>> <div id="dashboard_div"> >>> <!--Divs that will hold each control and chart--> >>> <div id="filter_div"></div> >>> <div id="chart_div"></div> >>> </div> >>> </body> >>> </html> >>> >>> -- >>> 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 [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at >>> https://groups.google.com/group/google-visualization-api. >>> To view this discussion on the web visit >>> https://groups.google.com/d/msgid/google-visualization-api/43b2e654-810e-428e-8d48-29b324d4daa6%40googlegroups.com >>> <https://groups.google.com/d/msgid/google-visualization-api/43b2e654-810e-428e-8d48-29b324d4daa6%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> >> >> -- >> Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> >> [email protected] 5CC, Cambridge MA >> > -- > 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 [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > https://groups.google.com/group/google-visualization-api. > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/ff60e5b0-7617-4d9d-bbc7-186eba97d92f%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/ff60e5b0-7617-4d9d-bbc7-186eba97d92f%40googlegroups.com?utm_medium=email&utm_source=footer> > . > > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> [email protected] <[email protected]> 5CC, Cambridge MA -- 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 [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJPZZq3HkUR6xF36_Zf9ZDLcZQ_5HNGgW3N8k6N9fVO0oQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
