D3에서 중첩 된 직사각형을 표시하는 방법
푸남
부모 자식 반복과 함께 중첩 된 사각형 을 표시하고 싶습니다. 다음 은 circle을 사용한 D3 예제입니다. 나는 이것을 rect로 변환하려고했지만 Successied는 아닙니다. 도와주세요.
크리스토퍼 치체
교체 circle로 rect와 속성을 가지고 변화 height와 width대신은 r트릭을 할 수 있습니다.
또한 CSS를 편집하고 중앙에 정렬되지 않은 사각형을 변환해야합니다.
정사각형 만 얻을 수 있지만 좋은 리드가 될 수 있습니다 : http://bl.ocks.org/ChrisJamesC/8914147
관련 코드 :
예제로 제공 한 요점에 추가 / 편집하는 데 필요한 코드입니다.
CSS :
rect {
fill: rgb(31, 119, 180);
fill-opacity: .25;
stroke: rgb(31, 119, 180);
stroke-width: 1px;
}
.leaf rect {
fill: #ff7f0e;
fill-opacity: 1;
}
자바 스크립트 :
node.append("rect")
.attr("transform", function(d) { return "translate(-" + d.r + ",-" + d.r + ")";})
.attr("width", function(d) { return 2*d.r; })
.attr("height", function(d) { return 2*d.r; });
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
점 표기법을 사용하여 중첩 된 맵에서 중첩 된 항목을 제거하는 방법
- 2
중첩 된 사전을 테이블로 표시하는 방법
- 3
재료 각도가있는 HTML 테이블에 중첩 된 json 배열을 표시하는 방법
- 4
매핑에서 중첩 된 열거 형을 무시하는 방법
- 5
중첩 된 div에서 .click을 사용하는 방법
- 6
각도기의 promise에서 중첩 된 JSON을 얻는 방법
- 7
중첩 된 RecyclerView에서 선택한 자식 항목을 강조 표시하는 방법
- 8
중첩 된 폴더에서 돌아갈 때 Finder 항목을 강조 표시하는 방법
- 9
React Hooks를 사용하여 여러 페이지에 중첩 된 경로를 표시하는 방법 ..?
- 10
D3 중첩 된 값을 사용하여 키 스타일을 지정하는 방법
- 11
중첩 된 JSON 값에 SwiftyJSON을 사용하는 방법
- 12
Angular에서 중첩 된 개체를 하나씩 표시하는 방법
- 13
CosmosDB에서 중첩 된 개체 값을 쿼리하는 방법
- 14
중첩 된 RecyclerView에서 클릭을 처리하는 방법
- 15
R에서 중첩 된 그룹을 요약하는 방법
- 16
API에서 중첩 된 값을 통해 매핑하는 방법
- 17
Rails에서 중첩 된 주석을 삭제하는 방법
- 18
Django DetailView에서 중첩 된 모델을 주문하는 방법
- 19
SwiftUI-Form에 중첩 된 Picker의 체크 표시 색상을 변경하는 방법
- 20
Rails-중첩 된 해시의 모든 값을 표시하는 방법
- 21
중첩 된 맵 함수에서 동시 비동기 호출을하는 방법
- 22
템플릿에 중첩 배열을 표시하는 방법
- 23
중첩 된 각 배열에서 공통 속성을 제거하는 방법
- 24
각도기에서 깊이 중첩 된 약속을 피하는 방법
- 25
Haml 모형에 중첩 된 링크를 추가하는 방법
- 26
django-rest를 사용하여 django에서 중첩 된 관계형 모델을 직렬화하는 방법은 무엇입니까?
- 27
DRF를 사용하여 django에서 중첩 된 관계형 모델을 직렬화하는 방법은 무엇입니까?
- 28
Firebase 데이터에 중첩 된 개체를 표시하는 방법
- 29
CSS-2 개의 정사각형 중간에 직사각형을 배치하는 방법
몇 마디 만하겠습니다