使用D3字云示例的jason davies时为什么文本出来的框中？

Question

我正在使用 d3 word cloud 对于我的一个项目。在该示例中，它定义为宽度和高度为300 * 300.但是当我运行时，有时只有一半的文本显示在框中。

在此示例中，它是左侧的“随机”字。只显示“OM”。

任何人都可以帮助我如何在特定区域中显示输出？

感谢

Answer 1

假设云中心在（0,0）处计算云中的单词的坐标。对于SVG而言，这不是这种情况，因此在顶级SVG下面有一个具有适当的坐标系平移的g元素。在更改单词云的大小时，您也需要更改此。

在您的情况下，单词云的大小为800x300，因此转换应为（400,150）：

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

.

Answer 2

我认为翻译应该是宽度和高度的一半。例如，如果w= 300h= 300，则转换应转换（150,150）。希望它有效。