Your solution above does not work because you put the listener-adding code outside of the callback function, and plain out in the global scope. This means it runs before the API has even loaded, not to mention running before the table was constructed. So this would probably give a JS error.
Hope this clarifies things... - VizBoy. On Thu, Mar 19, 2009 at 9:10 PM, p00kie <dans...@gmail.com> wrote: > > Well, to make a quick fix, I just collaborated the two draw functions > into one and also included the event handlers within the draw > function. > > That seemed to work. > > Although, I would like to understand why my solution above does not > ^^. > > Best, > > Dan > > On Mar 19, 2:55 pm, p00kie <dans...@gmail.com> wrote: > > I found the solution in another thread. :) > http://groups.google.com/group/google-visualization-api/browse_thread... > > > > However, although I have 'chart' and 'table' declared globally, > theeventlistener does not seem to work. > > > > This is the layout of my visualization code: > > > > --------------------- > > > > var chart, table; > > > > function loadXML() { > > ... XML processing ... > > > > } > > > > google.load("visualization", "1", {packages:["scatterchart"]}); > > google.setOnLoadCallback(drawScatPlot); > > > > function drawScatPlot() { > > ...adding rows to ScatPlot... > > chart = new google.visualization.ScatterChart(document.getElementById > > ('scat_plot_div')); > > chart.draw(data, {width: 600, height: 300, titleX: 'Wavelength', > > titleY: 'Value', legend: 'none', pointSize: 4}); > > > > } > > > > google.load("visualization", "1", {packages:["table"]}); > > google.setOnLoadCallback(drawTable); > > > > function drawTable() { > > ..adding rows to table.. > > table = new google.visualization.Table(document.getElementById > > ('table_div')); > > table.draw(data, {showRowNumber: true}); > > > > } > > > > google.visualization.events.addListener(chart, 'select', function() { > > table.setSelection([{row: chart.getSelection()[0].row}]); > > > > }); > > > > google.visualization.events.addListener(table, 'select', function() { > > chart.setSelection([{row: table.getSelect()[0].row, column: 1}]); > > > > }); > > > > ------- > > > > Best, > > > > Dan > > > > On Mar 19, 12:34 pm, p00kie <dans...@gmail.com> wrote: > > > > > VizBoy, > > > > > Selecting a row in the table returns: > > > > > [{row:100}] > > > > > Selecting a point in the scatplot returns: > > > > > [{row:100, column:1}] > > > > > Now how can I manipulate this to allow selections to be reflected on > > > both visualizations? > > > > > ---- > > > > > Dan > > > > > On Mar 18, 3:38 pm, VizBoy <viz...@google.com> wrote: > > > > > > You are right -- if the selection format isdifferentthen such a > simple > > > > X.setSelection(Y.getSelection()) will not do. > > > > I suggest you try and play with it, with the information I gave you > in the > > > > last post (from one minute ago), and if you do not succeed, post > again. > > > > > > - VizBoy. > > > > > > On Wed, Mar 18, 2009 at 9:26 PM, p00kie <dans...@gmail.com> wrote: > > > > > > > Hi, > > > > > > > Further information - I would simply like a mirror-ed selection. If > > > > > the user picks a row in thedatatable, it will also reflect in the > > > > > scatter chart ( and vice versa ). However, I figured due to the > format > > > > > difference, a simpleeventhandler such as: > > > > > > > // When the table is selected, update the orgchart. > > > > > google.visualization.events.addListener(table, 'select', function() > { > > > > > orgchart.setSelection(table.getSelection()); > > > > > }); > > > > > > > // When the orgchart is selected, update the table visualization. > > > > > google.visualization.events.addListener(orgchart, 'select', > function() > > > > > { > > > > > table.setSelection(orgchart.getSelection()); > > > > > }); > > > > > > > Would not do. > > > > > > > On Mar 18, 3:10 pm, p00kie <dans...@gmail.com> wrote: > > > > > > Hi, > > > > > > > > Can you explain further in depth how to determine what kind > ofdata > > > > > > getSelection returns? > > > > > > > > On Mar 18, 2:59 pm, VizBoy <viz...@google.com> wrote: > > > > > > > > > Hi, > > > > > > > > > Aneventhandler is never between two visualizations. > Aneventhandler > > > > > > > always listens on one visualization. > > > > > > > In the handler itself you can interact with other > visualizations, by > > > > > calling > > > > > > > their methods, but this is entirely up to you. > > > > > > > So the answer is -- yes. Question is, what exactly do you want > to do? > > > > > But in > > > > > > > general, once you're in the handler, do what you want. You can > get the > > > > > > > selection from one visualization, manipulate it in whatever way > you > > > > > want > > > > > > > using javascript and you cansetthe selection in another > visualization > > > > > in > > > > > > > any way you want. > > > > > > > > > Hope this helps. > > > > > > > > > - VizBoy. > > > > > > > > > On Wed, Mar 18, 2009 at 7:59 PM, p00kie <dans...@gmail.com> > wrote: > > > > > > > > > > Is it possible to have aneventhandler between these two? > > > > > > > > > > Even if thedatasetisdifferent.. > > > > > > > > > > Table: > > > > > > > > data.setCell(i, 0, String(id)); > > > > > > > > data.setCell(i, 1, String(pi)); > > > > > > > > data.setCell(i, 2, String(ci)); > > > > > > > > data.setCell(i, 3, String(dt)); > > > > > > > > data.setCell(i, 4, String(lat)); > > > > > > > > data.setCell(i, 5, String(lon)); > > > > > > > > data.setCell(i, 6, String(wav)); > > > > > > > > data.setCell(i, 7, String(name)); > > > > > > > > data.setCell(i, 8, String(val)); > > > > > > > > > > Scatter Chart: > > > > > > > > > > data.setValue(i, 0, Number(wav)); > > > > > > > > data.setValue(i, 1, Number(val)); > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~----------~----~----~----~------~----~------~--~---
