0

我正在为我的一个项目使用D3 Word Cloud。在示例中,它被定义为宽度和高度为 300 * 300。但是当我运行它时,有时只有一半的文本显示在框中。请参阅此示例。

在这个例子中,左边是“随机”这个词。仅显示“om”。

谁能帮助我如何在特定区域显示输出?

谢谢

4

2 回答 2

3

假设云的中心在 (0,0) 处,计算云中单词的坐标。SVG不是这种情况,因此g在顶级 SVG 下方有一个元素应用了适当的坐标系转换。更改词云的大小时,您也需要更改它。

在你的情况下,词云的大小是 800x300,所以翻译应该是(400,150):

.append("g").attr("transform", "translate(400,150)")
于 2014-01-10T14:52:52.947 回答
1

我认为翻译应该是你的宽度和高度的一半。例如,如果 w=300 h=300 那么 translate 应该是 translate(150,150)。希望它有效。

于 2014-04-23T07:19:28.237 回答