Perché il testo esce dalla scatola mentre si utilizza D3 Word Cloud Esempio di Jason Davies?

Question

Sto usando D3 Word cloud per uno dei miei progetti.Nell'esempio è definito come larghezza e altezza come 300 * 300. Ma quando lo eseguo a volte solo la metà del testo si presenta nella scatola.

In questo esempio, è la parola "casuale" a sinistra.Solo "OM" è stato visualizzato.

Qualcuno può aiutarmi come visualizzare l'output in una particolare regione?

Grazie

Answer 1

Le coordinate delle parole nel cloud sono calcolate supponendo che il centro del cloud sia a (0,0).Questo non è il caso di SVGS, quindi c'è un elemento g al di sotto dello SVG di alto livello che ha la traduzione del sistema di coordinate appropriato applicato.Quando si cambia la dimensione della nuvola di parole, è necessario modificare anche questo.

Nel tuo caso, la dimensione della parola cloud è 800x300, quindi la traduzione dovrebbe essere (400,150):

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

.

Answer 2

Penso che il Traduci dovrebbe essere la metà della tua larghezza e altezza.Ad esempio se w= 300 h= 300 quindi tradurre dovrebbe essere tradurre (150,150).Spero che funzioni.