2013-08-17 2 views
1

Google 시각화에 조직 URL : 을 추가하고 싶습니다. Google API에서 해당 옵션을 찾을 수 없습니다. 도움을 받으십시오.Google 시각화 : 조직도 HTML URL 추가

<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([ 
      [{v:'Mike', f:'Mike<div style="color:red; font-style:italic">President</div>'}, '', 'The President'], 
      [{v:'Jim', f:'Jim<div style="color:red; font-style:italic">Vice President</div>'}, 'Mike', 'VP'], 
      ['Alice', 'Mike', ''], 
      ['Bob', 'Jim', 'Bob Sponge'], 
      ['Carol', 'Bob', ''] 
     ]); 
     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> 

답변

2

아래의 샘플 코드는 그냥 셀의 형식이 지정된 값에 대한 링크를 추가

function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Name'); 
    data.addColumn('string', 'Parent'); 

    data.addRows([ 
     [{v: 'parent_node', f: 'Parent Node'}, null], 
     [{v: 'child_node_1', f: '<a href="path/to/target">Child Node 1</a>'}, 'parent_node'], 
     [{v: 'child_node_2', f: 'Child Node 2'}, 'parent_node'] 
    ]); 

    var chart = new google.visualization.OrgChart(document.querySelector('#chart_div')); 
    chart.draw(data, {allowHtml: true}); 
} 

참조 http://jsfiddle.net/asgallant/LPHtr/1/