There's nothing in the Visualization API that can build a tree like that. 
 You might have some luck with other API's, but I don't know of any that 
will do trees like that off the top of my head.

On Friday, April 18, 2014 9:24:25 AM UTC-4, [email protected] 
wrote:
>
> Thanks 
>
> @Andrew Gallant. for your suggestion.
>  is there any way to achieve this.. ?
>
> On Friday, April 18, 2014 6:49:00 PM UTC+5:30, Andrew Gallant wrote:
>>
>> The OrgCharts cannot build a tree like that.
>>
>> On Friday, April 18, 2014 2:59:44 AM UTC-4, 
>> [email protected]:
>>>
>>>
>>> Hi all,
>>>
>>>
>>>          i am trying to build family tree using org Chart. i used below 
>>> code
>>> ---------------------
>>>
>>> <html>
>>>   <head>
>>>     <script type='text/javascript' src='https://www.google.com/jsapi
>>> '></script>
>>>     <script type='text/javascript'>
>>>       google.load('visualization', '1', {packages:['orgchart']});
>>>       google.setOnLoadCallback(drawChart);
>>>       function drawChart() {
>>>         var data = new google.visualization.DataTable();
>>>         data.addColumn('string', 'Name');
>>>         data.addColumn('string', 'Manager');
>>>         data.addColumn('string', 'ToolTip');
>>>         data.addRows([
>>>           
>>> ['Mike',                                                                 
>>> null,      'The President'],
>>>           [{v: 'husband', f: 'husband<br/><i><img src="
>>> https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRycBa_i2lFoSCSZwHcSQF8vUNeDw3JeOVBnmebiL8K-Fknbg2gsA"/><i>'},
>>>  
>>> 'Mike',    null],
>>>          // 
>>> ['Alice',                                                                
>>> 'Mike',    null],
>>>            [{v: 'wife', f: 'wife<br/><i><img src="
>>> https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSpZDjqzbuHEoqggyVqsrUnhnVkVBxHJUzDs3It_MFkgpuphOHCgg"/><i>'},
>>>  
>>> 'Mike',    null],
>>>           
>>> ['child1',                                                                  
>>> 'husband',     'Bob Sponge'],
>>>           
>>> ['child2',                                                                
>>> 'wife',     null],
>>>             // 
>>> ['Ravi',                                                                
>>> 'Alice',     null],
>>>            // 
>>> ['Ram',                                                                
>>> 'Alice',     null]
>>>         ]);
>>>         var chart = new 
>>> google.visualization.OrgChart(document.getElementById('chart_div'));
>>>         chart.draw(data, {allowHtml:true});
>>>       }
>>>     </script>
>>>   </head>
>>>
>>>   <body>
>>>     <div id='chart_div'></div>
>>>   </body>
>>> </html>
>>> ------------------------------------------------
>>> which results into
>>>
>>>
>>> <https://lh4.googleusercontent.com/-0xY-h0IqKYY/U1DLxgWF3MI/AAAAAAAAACA/EhIEk2-jHbc/s1600/Untitled-3.png>
>>>
>>> But requirement is to build tree like how can i achieve this pls guide 
>>> me 
>>>
>>>
>>> <https://lh4.googleusercontent.com/-0xeldVymhOc/U1DNGUSqmVI/AAAAAAAAACM/VZmmDXAEo0E/s1600/ft.png>
>>>
>>>
>>>
>>>
>>>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

Reply via email to