Double Click Expand Collapse Issue

[synapse135]

We are using Google organizational charts to create the charts on our
website. We have one query regarding the same. The Expand/Collapse
works with Double Click. Kindly suggest, if we can make it single
clicked on a particular image within the chart box.

[Roni Biran]

hi,

1. you can add a listener to the select event that will toggle the collapse/expanding of the node.

2. you can add a function to an image on the node that will do the same as suggested in 1.

--
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-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.

[selva]

How to change double click to single click and that image function. Any one can post the code here, Because its very useful to me and fresher.

[asgallant]

Here's how to do it with a "select" event listener:

google.visualization.events.addListener(chart, 'select', function () {
    // get the row of the node clicked
    var selection = chart.getSelection();
    var row = selection[0].row;
    // get a list of all collapsed nodes
    var collapsed = chart.getCollapsedNodes();
    // if the node is collapsed, we want to expand it
    // if it is not collapsed, we want to collapse it
    var collapse = (collapsed.indexOf(row) == -1);
    chart.collapse(row, collapse);
    // clear the selection so the next click will work properly
    chart.setSelection();
}); 

[selva]

Thank you so much for your code.This is very useful to me. But I want to do this function when click on particular image. Here I attached the image file. Is it possible sir.?

[asgallant]

How are you adding the image to the chart?  You need to have some way for each image to be associated with a particular node.