Pourquoi le texte est hors de la boîte lors de l'utilisation D3 Nuage de mots exemple par Jason Davies?

Question

Je suis à l'aide de D3 Nuage De Mots pour un de mes projet.Dans l'exemple, il est défini comme la largeur et la hauteur de 300 * 300.Mais quand je le lance parfois seulement la moitié du texte s'affiche dans la boîte.

Dans cet exemple, C'est le mot "Aléatoire" sur la gauche.Seulement "om" a été affiché.

Quelqu'un peut m'aider comment faire pour afficher le résultat dans une région en particulier?

Merci

Answer 1

Les coordonnées des mots dans le nuage sont calculées en supposant que le centre du nuage est au point (0,0).Ce n'est pas le cas avec SVGs, donc il y a g l'élément ci-dessous le top-niveau SVG qui a le système de coordonnées approprié de la traduction appliquée.Lors de la modification de la taille du nuage de mots, vous avez besoin de changer cela.

Dans votre cas, la taille du nuage de mots est 800x300, de sorte que la traduction devrait être (400,150):

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

Answer 2

Je pense que la traduction doit être la moitié de votre largeur et de votre taille.Par exemple, si w= 300 h= 300, la traduction peut-elle être traduite (150, 1550).J'espère que ça marche.