According to the documentation there should not be any problems. Also it appears that your code should run. Are you trying to run it locally? You might have flash security issues since the MotionChart is in fact a flash object.
On Fri, Dec 9, 2011 at 9:22 PM, rtrigg <[email protected]> wrote: > Hi all, > > I'm having trouble getting my motion chart to successfully bind to a > controller in a dashboard. In the example below, I've taken the code > from the MotionChart viz documentation and turned it into a dashboard > with one controller. The page displays fine, but choosing an item > from the category filter has no effect on the motion chart. > > Ideas? > > Thanks! > > - Randy > > <html> > <head> > <script type="text/javascript" src="https://www.google.com/ > jsapi"></script> > <script type="text/javascript"> > google.load('visualization', '1', {'packages':['corechart', > 'controls', 'motionchart']}); > google.setOnLoadCallback(drawChart); > function drawChart() { > var data = new google.visualization.DataTable(); > data.addColumn('string', 'Fruit'); > data.addColumn('date', 'Date'); > data.addColumn('number', 'Sales'); > data.addColumn('number', 'Expenses'); > data.addColumn('string', 'Location'); > data.addRows([ > ['Apples',new Date (1988,0,1),1000,300,'East'], > ['Oranges',new Date (1988,0,1),1150,200,'West'], > ['Bananas',new Date (1988,0,1),300,250,'West'], > ['Apples',new Date (1989,6,1),1200,400,'East'], > ['Oranges',new Date (1989,6,1),750,150,'West'], > ['Bananas',new Date (1989,6,1),788,617,'West'] > ]); > > var dashboard = new google.visualization.Dashboard( > document.getElementById('dashboard_div')); > > var locationPicker = new > google.visualization.ControlWrapper({ > 'controlType': 'CategoryFilter', > 'containerId': 'locationPicker_div', > 'options': { > 'filterColumnIndex': 4, > } > }); > > var chart = new google.visualization.ChartWrapper({ > 'chartType': 'MotionChart', > 'containerId': 'chart_div', > 'options': {width: 600, height:300} > }); > > dashboard.bind(locationPicker, chart); > dashboard.draw(data); > } > </script> > </head> > > <body> > <div id="dashboard_div"> > <div id="locationPicker_div"></div> > <div id="chart_div" style="width: 600px; height: 300px;"></div> > </div> > </body> > </html> > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > 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. > > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. 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.
