특정 요소에 들여 쓰기 된 트리를 펼치십시오

Question

http://nvd3.org/examples/indentedtree.html에서 nvd3 들여 쓰기 트리를 프로그램 적으로 트리의 특정 요소로 확장하고이 요소에 "활성"클래스를 추가 할 수 있습니까?

감사합니다.

Answer 1

발견.

NVD3은 트리 노드의 "값"속성을 사용하여 확장 된 요소를 표시하고 축소 된 요소의 경우 "_values"속성을 사용합니다.

따라서 트리 또는 그 일부를 확장/축소하려는 경우 _values에서 값으로 또는 그 반대로 콘텐츠를 이동합니다. 그런 다음 chart.update()를 호출하여 다시 그리기를 얻으십시오.

또한 트리 노드가 포함 된 요소에 "active"클래스를 추가하기 위해 columns 배열의 "classes"콜백을 사용했습니다. 콜백은 테이블 데이터 요소의 자식 요소에서 실행됩니다.

classes: function(d) { 
    if (d.isSelected) { 
    d3.select(this.parentNode).attr("class", "active"); 
    } 
} 

"isSelected"는 현재 노드에 추가 한 속성입니다.