Jason Davies의 D3 Word Cloud 예제를 사용하는 동안 텍스트가 상자에서 나오는 이유는 무엇입니까?
-
21-12-2019 - |
문제
나는 "nofollow noreferrrer"> d3 단어 구름 내 프로젝트 중 하나를 사용하고 있습니다.이 예에서는 폭과 높이로 300 * 300으로 정의되지만 실행할 때 때로는 텍스트의 절반만이 상자에 표시됩니다.
이 예에서는 왼쪽의 "임의"라는 단어입니다."om"만 표시되었습니다.
특정 영역에서 출력을 표시하는 방법을 누구든지 도와줍니다.
감사합니다
해결책
클라우드의 단어의 좌표는 클라우드의 중심이 (0,0) 인 것으로 가정하여 계산됩니다.이것은 SVG가있는 경우가 아니므로 적절한 좌표계 번역이 적용된 최상위 SVG 아래의 g
요소가 있습니다.단어 클라우드의 크기를 변경할 때이를 변경해야합니다.
귀하의 경우, 단어 구름의 크기는 800x300이므로 번역은 (400,150) :
.append("g").attr("transform", "translate(400,150)")
. 다른 팁
번역이 너비와 높이의 절반이어야한다고 생각합니다.W= 300 시간= 300이면 번역 해야하는 경우 (150,150).희망이 작동합니다.
제휴하지 않습니다 StackOverflow