Each cell in a data table has a Value(used as the id) and
FormattedValue(what is shown).
IIRC, this used to be documented but I don't see it in the Treemap page.

The following example does as you wish;

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Child' , 'Parent', 'Size', 'Color'],
    ['Global',    null,                0,                               0],
    ['Child1',   'Global',             0,                               0],
    ['Child2',   'Global',             0,                               0],
    [{v:'ChildA1', f:'ChildA'},   'Child1',            10,
             0],
    [{v:'ChildB1', f:'ChildB'},   'Child1',            10,
             0],
    [{v:'ChildA2', f:'ChildA'},   'Child2',            10,
             0],
    [{v:'ChildB2', f:'ChildB'},   'Child2',            10,
             0]
  ]);

  // Create and draw the visualization.
  var treemap = new google.visualization.TreeMap(document.getElementById(
'visualization'));
  treemap.draw(data, {
    minColor: 'red',
    midColor: '#ddd',
    maxColor: '#0d0',
    maxDepth: 2,
    headerHeight: 15,
    fontColor: 'black',
    showScale: true});
}


On Wed, Jan 2, 2013 at 3:45 PM, Ribardiere Olivier <
[email protected]> wrote:

> Hi,
>
> In a Treemap chart, 2 nodes should be able to have the same name if they
> don't have the same parent.
>
> function drawVisualization() {
>   // Create and populate the data table.
>   var data = google.visualization.arrayToDataTable([
>     ['Child' , 'Parent', 'Size', 'Color'],
>     ['Global',    null,                0,                               0]
> ,
>     ['Child1',   'Global',             0,                               0]
> ,
>     ['Child2',   'Global',             0,                               0]
> ,
>     ['ChildA',   'Child1',            10,                               0]
> ,
>     ['ChildB',   'Child1',            10,                               0]
> ,
>     ['ChildA',   'Child2',            10,                               0]
> ,
>     ['ChildB',   'Child2',            10,                               0]
>   ]);
>
>   // Create and draw the visualization.
>   var treemap = new google.visualization.TreeMap(document.getElementById(
> 'visualization'));
>   treemap.draw(data, {
>     minColor: 'red',
>     midColor: '#ddd',
>     maxColor: '#0d0',
>     maxDepth: 2,
>     headerHeight: 15,
>     fontColor: 'black',
>     showScale: true});
> }
>
> Following code raises "More than one row with the same ID (ChildA)", it
> should not.
>
> Olivier
>
> --
> 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/-/azc-Uov2mDMJ.
> 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.
>



-- 
-
---
Tayeb Al Karim
[email protected]

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

Reply via email to