Hello, Below is the code: =======================================================================
<html> <head> <script type="text/javascript" src="http://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( { cols:[{id: 'resource' , label: 'Resource' , type: 'string'}, {id: 'resourcep' , label: 'Parent' , type: 'string'} ], rows:[ {c:[{v: 'NODE'}, {v: 'NODE'}]}, {c:[{v: 'HW Two'}, {v: 'NODE'}]}, {c:[{v: 'hw0037'}, {v: 'HW Two'}]}, {c:[{v: 'hw0032'}, {v: 'HW Two'}]}, {c:[{v: 'hw0031'}, {v: 'HW Two'}]}, {c:[{v: 'hw0034'}, {v: 'HW Two'}]}, {c:[{v: 'hw0033'}, {v: 'HW Two'}]}, {c:[{v: 'hw0035'}, {v: 'HW Two'}]}, {c:[{v: 'hw0036'}, {v: 'HW Two'}]}, {c:[{v: 'HW One'}, {v: 'NODE'}]}, {c:[{v: 'hw0023'}, {v: 'HW One'}]}, {c:[{v: 'hw0025'}, {v: 'HW One'}]}, {c:[{v: 'hw0027'}, {v: 'HW One'}]}, {c:[{v: 'hw0026'}, {v: 'HW One'}]}, {c:[{v: 'hw0021'}, {v: 'HW One'}]}, {c:[{v: 'hw0022'}, {v: 'HW One'}]}, {c:[{v: 'hw0024'}, {v: 'HW One'}]}, {c:[{v: 'HW 3'}, {v: 'NODE'}]}, {c:[{v: 'hw0023'}, {v: 'HW 3'}]}, {c:[{v: 'hw0025'}, {v: 'HW 3'}]}, {c:[{v: 'hw0027'}, {v: 'HW 3'}]}, {c:[{v: 'hw0026'}, {v: 'HW 3'}]}, {c:[{v: 'hw0021'}, {v: 'HW 3'}]}, {c:[{v: 'hw0022'}, {v: 'HW 3'}]}, {c:[{v: 'hw0024'}, {v: 'HW 3'}]}, {c:[{v: 'HW 4'}, {v: 'NODE'}]}, {c:[{v: 'hw0023'}, {v: 'HW 4'}]}, {c:[{v: 'hw0025'}, {v: 'HW 4'}]}, {c:[{v: 'hw0027'}, {v: 'HW 4'}]}, {c:[{v: 'hw0026'}, {v: 'HW 4'}]}, {c:[{v: 'hw0021'}, {v: 'HW 4'}]}, {c:[{v: 'hw0022'}, {v: 'HW 4'}]}, {c:[{v: 'hw0024'}, {v: 'HW 4'}]}, {c:[{v: 'HW 5'}, {v: 'NODE'}]}, {c:[{v: 'hw0023'}, {v: 'HW 5'}]}, {c:[{v: 'hw0025'}, {v: 'HW 5'}]}, {c:[{v: 'hw0027'}, {v: 'HW 5'}]}, {c:[{v: 'hw0026'}, {v: 'HW 5'}]}, {c:[{v: 'hw0021'}, {v: 'HW 5'}]}, {c:[{v: 'hw0022'}, {v: 'HW 5'}]}, {c:[{v: 'hw0024'}, {v: 'HW 5'}]}, {c:[{v: 'HW 6'}, {v: 'NODE'}]}, {c:[{v: 'hw0023'}, {v: 'HW 6'}]}, {c:[{v: 'hw0025'}, {v: 'HW 6'}]}, {c:[{v: 'hw0027'}, {v: 'HW 6'}]}, {c:[{v: 'hw0026'}, {v: 'HW 6'}]}, {c:[{v: 'hw0021'}, {v: 'HW 6'}]}, {c:[{v: 'hw0022'}, {v: 'HW 6'}]}, {c:[{v: 'hw0024'}, {v: 'HW 6'}]}, {c:[{v: 'DEVHW One'}, {v: 'NODE'}]} ] }, 0.5 ) var table = new google.visualization.OrgChart(document.getElementById ('chart_div')); table.draw(data, {allowCollapse:1, size:'small'}); } </script> </head> <body> <div id="chart_div"></div> </body> </html> ======================================================================= In browser (both IE and Firefox), observed following: - The first layer (under NODE) draws correctly - For second layer, ('HW Two' and 'HW 6') have child nodes dispayed correctly - For second layer nodes ('HW One', 'HW 3', 'HW 4', 'HW 5'), child nodes are not displayed Thanks, Gyan On Mar 10, 2:17 pm, VizBoy <[email protected]> wrote: > Hi, > > There shouldn't be a hard limit, but as this depends on browser rendering of > html elements, the browser might have problems with drawing too many nodes. > However, ~100 sounds like it should be possible. > Could you send us the code, and what the problem with the display is > exactly, so we can have a look? > > Thanks > > - VizBoy. > > > > On Tue, Mar 10, 2009 at 12:56 AM, GoLiRaja <[email protected]> wrote: > > > Hello, > > > I'm using Visualization: Organizational Chart API for one of the > > Project. > > > Would like to know if there is any limit on number of nodes/ nesting? > > > It works fine if I try it with smaller # of nodes (10-15) with 2 > > levels. Have noticed, if I use more nodes (100+) with 3 level, few of > > the nodes don't draw correctly with child nodes missing. > > > Thanks, > > > Gyan- Hide quoted text - > > - Show quoted text - --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
