Google OrgChart - Google可視化

Question

我使用orgchart創建了一個類似於以下內容的圖表。通過存儲在mysql表中的數據生成圖表（使用php）。

我的問題是要顯示與其他細節將沿着各節點的深度級別。怎麼做？

Example: Food -> Level 1 Vegetable and Meat -> Level 2 Vegetable 1, Vegetable 2 and Meat 1 -> Level 3

**有API方法（data.getSelection.row），以獲得選擇的節點的行（深度）。但它似乎總是給選定節點的索引而不是所選節點的行。 **

Answer 1

不知道要如何顯示它們，但這裏是我想出了一個主意：

 var depth = {}; // here we store node depths 
     google.visualization.events.addListener(chart, 'ready', function() { 
      for (var i = 0; i < data.getNumberOfRows(); i++) { 
       depth[i] = 0; // we iniialize all in 0 depth 
      } 
      for (var i = 0; i < data.getNumberOfRows(); i++) { // for each row 
       var childs = chart.getChildrenIndexes(i); // we check its descendants 
       for (var child = 0; child < childs.length; child++) { 
        depth[childs[child]] += depth[i] + 1; // and add the parents depth+1 
       } 
      } 
      console.log(depth) // here we have already all nodes depth 
     }); 
     google.visualization.events.addListener(chart, 'select', function() { 
      if (chart.getSelection().length > 0) { 
       var node_row = chart.getSelection()[0].row; 
       console.log(depth[node_row]) // now just show the depth of selected node 
      } 
     }) 
     chart.draw(data, { 
      allowHtml: true 
     }); 

工作小提琴：http://jsfiddle.net/a2zwqf1r/