Por qué texto se va fuera de la caja, mientras que el uso de D3 Nube de palabras ejemplo por Jason Davies?

Question

Estoy usando D3 Nube De Palabras para uno de mis proyectos.En el ejemplo se define como la anchura y altura de 300 * 300.Pero cuando lo corro a veces sólo la mitad del texto que se muestra en el cuadro.

En este ejemplo, es la palabra "Aleatorio" en la izquierda.Sólo "om" ha sido mostrada.

Alguien me puede ayudar cómo mostrar el resultado de una región en particular?

Gracias

Answer 1

Las coordenadas de las palabras en la nube se calculan suponiendo que el centro de la nube está en (0,0).Este no es el caso con los svg, por lo que hay una g elemento por debajo del nivel superior SVG que tiene el sistema de coordenadas apropiado de la traducción aplicada.Cuando se cambia el tamaño de la nube de palabras, usted necesita para cambiar esto.

En su caso, el tamaño de la nube de palabras es 800x300, por lo que la traducción debería ser (400,150):

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

Answer 2

Creo que la traducción debe ser la mitad de su ancho y altura.Por ejemplo, si w= 300 h= 300, luego se debe traducir (150,150).Espero que funcione.