Bar chart freezes if click second time on a bar

[Ram]

I have added Click event for each bar in Visualization Bar Chart. If i click first time on a Bar, the event triggers and my expected result displays properly. But Again if i click on same Bar, event triggers but the Chart freezes. After i am not able to interact with chart. My Bar chart Click event is given below. Note: i have Bar chart with 4 columns and n no.of rows.

My Click Event: 

google.visualization.events.addListener(chart, 'select', function(){
 var row = chart.getSelection()[0].row; //Chart freezes in this line if i click a bar second time
var column = chart.getSelection()[0].column;
var seluser= timedata.getValue(row, 0);
alert('You selected ' + timedata.getValue(row, 0)); 
alert(row+","+column); //These lines run properly when click first time on Bar in Bar Chart.
});

[asgallant]

I plugged that listener code into the Viz playground's BarChart example (changing "timedata" to "data" to make it compatible), and it worked fine; it didn't freeze at all.  The problem must be somewhere else in your code, can you post the code or a link to the page?

[ram prasad]

Thank You  asgallant... I am also tried in Play ground like below coding....I got freezing chart in Playground. Also I got error as " "Uncaught TypeError: Cannot read property 'row' of undefined (retrieve_cache?unique_id=d5541b9085ac908f60fae4763aba5cef3b2fdb30,58)" " 

My Play ground Code:

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  var raw_data = [['Austria', 1336060, 1538156, 1576579, 1600652, 1968113, 1901067],
                  ['Bulgaria', 400361, 366849, 440514, 434552, 393032, 517206],
                  ['Denmark', 1001582, 1119450, 993360, 1004163, 979198, 916965],
                  ['Greece', 997974, 941795, 930593, 897127, 1080887, 1056036]];
  
  var years = [2003, 2004, 2005, 2006, 2007, 2008];
                  
  data.addColumn('string', 'Year');
  for (var i = 0; i  < raw_data.length; ++i) {
    data.addColumn('number', raw_data[i][0]);    
  }
  
  data.addRows(years.length);
  for (var j = 0; j < years.length; ++j) {    
    data.setValue(j, 0, years[j].toString());    
  }
  for (var i = 0; i  < raw_data.length; ++i) {
    for (var j = 1; j  < raw_data[i].length; ++j) {
      data.setValue(j-1, i+1, raw_data[i][j]);    
    }
  }
  
  // Create and draw the visualization.
  var chart=new google.visualization.BarChart(document.getElementById('visualization'));
  chart.draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            vAxis: {title: "Year"},
            hAxis: {title: "Cups"}}
      );
  google.visualization.events.addListener(chart, 'select', function(){
    
    alert(chart.getSelection()[0].row);  //Alert displayed on First. Again if i click same bar,Chart Freezes. 
  
  });
}

​

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/lxQUCCXPdUgJ.

To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD

[asgallant]

Ok, I see what you are talking about.  The "problem" is that the second click is "deselecting" the column, so the chart.getSelection() call is returning an empty array, which is why you are getting that error.  If you clear the selection at the end of your event listener, like this:

google.visualization.events.addListener(chart, 'select', function(){
    alert(chart.getSelection()[0].row);

    chart.setSelection();  // nulls out the selection 
}); 

then you can click the same bar repeatedly without any issues.

To post to this group, send email to google-visualization-api@googlegroups.com.
To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD

[ram prasad]

Oh..Thank Very much  asgallant ..It works fine...Now i am able to click same bar repeatedly without any problem....Thank you again...

To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/EIItGo_a8P8J.

To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD

[asgallant]

You're welcome.

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.

--
BY

R.RAMPRASAD

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/EIItGo_a8P8J.

To post to this group, send email to google-visualization-api@googlegroups.com.
To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD

[KyiPyar Thin]

Thanks a lot .. it is working well.. there is no issues after adding chart.setSelection();

To post to this group, send email to google-visua...@googlegroups.com.

To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD

[haroon khokhar]

Thanks asgallant

...

[Hector diaz valenzuela]

Thanks! It work for me!

To post to this group, send email to google-visua...@googlegroups.com.

To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD

[Simon Hooper]

Thank you. Your post has ended several hours of searching for a solution.

To post to this group, send email to google-visua...@googlegroups.com.

To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD

[Daniel Baldwin]

Thanks for this. really helped.

I also found that the 'click' handler gets fired first so if you add 

chart.setSelection();

to a click handler, it means you don't lose any selection styling but get a reliable select event every click rather than every other click.

On Friday, April 6, 2012 at 2:24:25 PM UTC+1, asgallant wrote:

To post to this group, send email to google-visua...@googlegroups.com.

To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
BY

R.RAMPRASAD