Почему текст выходит из коробки при использовании D3 Word Cloud пример Джейсона Дэвис?

Question

Я использую D3 Word Cloud для одного из моих проектов.В примере он определяется как ширина и высота, как 300 * 300. Но когда я пропускаю его иногда только половина текста, отображается в коробке.

В этом примере это слово «случайный» слева.Только «ОМ» отображается.

Может кто-нибудь помочь мне, как отобразить вывод в определенном регионе?

Спасибо

Answer 1

Координаты слов в облаке рассчитываются, предполагая, что центр облака находится в (0,0).Это не так с SVGS, поэтому есть элемент Renacodicetacode ниже SVG верхнего уровня, который имеет соответствующую прикладную перевод системой координат.При изменении размера слова облака необходимо также изменить это.

В вашем случае размер облака слова 800x300, поэтому перевод должен быть (400,150):

.append("g").attr("transform", "translate(400,150)")

.

Answer 2

Я думаю, что перевод должен быть половиной вашей ширины и высоты.Например, если W= 300 H= 300, то перевод должен быть переведен (150 150).Надеюсь, это работает.