Jason DaviesによるD3 Word Cloudの例を使用しながら、テキストが箱から出るのはなぜですか?
-
21-12-2019 - |
質問
D3 Word Cloud の1つのプロジェクトの1つを使用しています。例では幅と高さとして300 * 300として定義されています。ただし、実行すると、テキストの半分しかチェックボックスに表示されます。
この例では、左側の「ランダム」という単語です。"om"だけが表示されています。
誰もが特定の地域の出力を表示する方法を私に助けてくれる?
ありがとう
解決
クラウド内の単語の座標は、クラウドの中心が(0,0)であると仮定して計算されます。これはSVGSの場合ではないので、適切な座標系変換が適用されている最上位SVGの下にg
要素があります。Word Cloudのサイズを変更するときは、これを変更する必要があります。
あなたの場合、単語の雲のサイズは800 x 300ですので、翻訳は(400,150):
.append("g").attr("transform", "translate(400,150)")
. 他のヒント
翻訳はあなたの幅と高さの半分になるべきだと思います。例えば、W= 300H= 300の場合、翻訳は並進する必要があります(150,150)。それがうまくいくことを願っています。
所属していません StackOverflow