Hi, So, your problem, as i see it, is you use the same values when you want different nodes in the visualization. In the organizational chart's design it is important that a node is matched one-to-one against a value in the datatable. So that you cannot have, for instance, hw0023 both as a child of HW One and HW 3, etc...
I guess your next question will be, so what if i want two nodes with hw0023 written on them, one under HW One and one under HW 3, etc.. Well, you can do that too! What's displayed on the node is its formattedValue, not its value. Use the value property to keep nodes distinct, and use the formattedValue property to decide what will be written on the nodes. I hope this clears things up a little. - VizBoy. On Wed, Mar 11, 2009 at 12:26 AM, GoLiRaja <[email protected]> wrote: > > 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 -~----------~----~----~----~------~----~------~--~---
