2016-09-17 2 views
0

데이터베이스로 Google 시각화 차트를 사용해 보았습니다. 하지만 문제는 위쪽 줄과 하나의 관계 만 정의 할 수 있다는 것입니다. 어디에서 다운 라인에 어떤 관계도 정의 할 수 있습니다. 내가 정확히 원하는 것은 연결할 수있다 아들의 관계가 모두 아버지와 어머니 그들 중 한 명과 만이 아니라. asp.net에서 다중 루틴 패밀리 트리를 만드는 방법

What Output I Get

var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'Name'); 
      data.addColumn('string', 'Manager'); 
      data.addColumn('string', 'ToolTip'); 
      for (var i = 0; i < r.d.length; i++) { 
       var UserId = r.d[i][0].toString(); 
       var UnderId = r.d[i][1] != 0 ? r.d[i][1].toString() : ''; 
       var RelName = r.d[i][2].toString(); 
       var UserName = r.d[i][3].toString(); 
       var fName = r.d[i][4].toString(); 
       var ProPic = r.d[i][5] != null ? r.d[i][5].toString() : ''; 

       data.addRows([[{ v: UserId, f: '<b>' + RelName + '</b>' + '<br />' + '<img src="ProfilePic/' + ProPic + ' " height="80px" widht="50px"/>' + '<br />' + fName + '<br />'+'User Id :'+ UserId}, UnderId, '']]); 
      } 
      var chart = new google.visualization.OrgChart(document.getElementById('chart')); 
      //var chart = new google.visualization.OrgChart($("#chart")[0]); 
      chart.draw(data, { allowHtml: true }); 

답변

0

이 사용 사례는 이제 다음납니다. Google Charts의 조직도는 여러 개의 상위 노드를 지원하지 않습니다. 해결 방법 없음.

그들은 Org Charts와 같은 이상한 볼 차트를 다시 작성하여 API를 다른 모든 차트에 더 가깝게 만들 계획이라고합니다. 이 시점에서 나는 새로운 버전의 어떤 흔적도 보지 못했고 날짜는 발표되지 않았다.

+0

감사합니다. 다른 방법이 있습니까? 다중 상위 노드를 만들 수 있습니다. – Albert

+0

다른 차트 라이브러리를 사용하십시오. 내가 말했듯이, 아무 일도 없습니다. 하나의 상위 노드는 차트 렌더링 방법의 기본 규칙입니다. – nbering

+0

감사합니다. 알았다. 나는 이것을 위해 html 구조를 변경했다. – Albert

관련 문제