The correct way to set the bar chart selection in the tableHandler is:
barchart.setSelection([{row:item.row, column:1}]);Note however that interaction in the new corechart package is still work in progress. you can see it working if you change the package to 'barchart'. Stay tuned to the group for when this will be available in the new corechart package. On Wed, Jul 7, 2010 at 6:25 PM, Dominic <[email protected]> wrote: > Thanks ChartMan, here goes: > > <!-- > copyright (c) 2009 Google inc. > > You are free to copy and use this sample. > License can be found here: > http://code.google.com/apis/ajaxsearch/faq/#license > --> > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// > www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="content-type" content="text/html; charset=utf-8"/ > > > <title> > Google Visualization API Sample > </title> > <script type="text/javascript" src="http://www.google.com/jsapi";></ > script> > <script type="text/javascript"> > google.load('visualization', '1', {packages: ['corechart', > 'table']}); > </script> > <script type="text/javascript"> > var map; > var table; > var data; > > function drawBarChartAndTable() { > var myDataArray = [['Thing01',10],['Thing02',20],['Thing03',30], > ['Thing04',40]]; > var data = new google.visualization.DataTable(); > data.addColumn('string', 'Thing'); > data.addColumn('number', 'value'); > data.addRows(myDataArray); > > window.barchart = new > google.visualization.BarChart(document.getElementById('barchart')); > barchart.draw(data, null); > google.visualization.events.addListener(barchart, 'select', > barHandler); > > window.table = new > google.visualization.Table(document.getElementById('table')); > table.draw(data, null); > google.visualization.events.addListener(table, 'select', > tableHandler); > } > function barHandler(){ > item = barchart.getSelection()[0]; > table.setSelection([{row:item.row, column:null}]); > } > function tableHandler(){ > item = table.getSelection()[0]; > // barchart.setSelection([{row:item.row, column:null}]); > barchart.setSelection([{row:null, column:item.column}]); > } > > > google.setOnLoadCallback(drawBarChartAndTable); > </script> > </head> > <body style="font-family: Arial;border: 0 none;"> > <table> > <tr> > <td> > <div id="barchart" style="width: 300px; height: 300px;"></ > div> > </td> > <td> > <div id="table" style="width: 300px; height: 300px;"></div> > </td> > </tr> > </table> > </body> > </html> > > Or here: > > > http://savedbythegoog.appspot.com/?id=172fed9e1f9d2ed725b207ada0c6abd41b410f9a > > Your input is very welcome, > > Dom > > > On 7 July, 15:04, ChartMan <[email protected]> wrote: > > One more request - can you please send a code snippet that reproduces the > > problem. > > You can use the playground - > http://code.google.com/apis/ajax/playground/?type=visualization#inter... > > > > <http://code.google.com/apis/ajax/playground/?type=visualization#inter.. > .> > > Thanks > > ChartMan > > > > On Wed, Jul 7, 2010 at 11:54 AM, Dominic <[email protected]> > wrote: > > > Hi there, > > > > > I'm using the corechart package, as well as the pie package and the > > > table one > > > > > Cheers, > > > > > Dom > > > > > On Jul 6, 10:37 pm, ChartMan <[email protected]> wrote: > > > > What package are you using for the BarChart ? > > > > > > On Mon, Jul 5, 2010 at 4:26 PM, Dominic <[email protected]> > wrote: > > > > > Hi there, > > > > > > > I've a google.visualization.BarChart and a > google.visualization.Table > > > > > on the same page, both are global variables (window.googleBar and > > > > > window.googleTable respectively). I've set up the BarChart so that > > > > > when a bar is clicked this happens: > > > > > > > var item = googleTable.getSelection()[0]; > > > > > googleBar.setSelection([{row:item.row, column:null}]); > > > > > > > This means that when the bar is clicked the corresponding row in > the > > > > > table is highlighted. I'm after something that does the same but > the > > > > > other way around... such that when a table row is clicked a bar is > > > > > highlighted. I tried this: > > > > > > > var item = googleBar.getSelection()[0]; > > > > > googleTable.setSelection([{row:item.row, column:null}]); > > > > > > > but nothing happens :-( > > > > > > > Anyone any ideas what I'm doing wrong? > > > > > > > Cheers, > > > > > > > Dom > > > > > > > -- > > > > > 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]<google-visualization-api%[email protected]> > <google-visualization-api%[email protected]<google-visualization-api%[email protected]> > ><google-visualization- > > > api%[email protected]<api%[email protected]>< > api%[email protected]<api%[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]<google-visualization-api%[email protected]> > <google-visualization-api%[email protected]<google-visualization-api%[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]<google-visualization-api%[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.
