我正在为我的一个项目使用D3 Word Cloud。在示例中,它被定义为宽度和高度为 300 * 300。但是当我运行它时,有时只有一半的文本显示在框中。
在这个例子中,左边是“随机”这个词。仅显示“om”。
谁能帮助我如何在特定区域显示输出?
谢谢
我正在为我的一个项目使用D3 Word Cloud。在示例中,它被定义为宽度和高度为 300 * 300。但是当我运行它时,有时只有一半的文本显示在框中。
在这个例子中,左边是“随机”这个词。仅显示“om”。
谁能帮助我如何在特定区域显示输出?
谢谢
假设云的中心在 (0,0) 处,计算云中单词的坐标。SVG不是这种情况,因此g
在顶级 SVG 下方有一个元素应用了适当的坐标系转换。更改词云的大小时,您也需要更改它。
在你的情况下,词云的大小是 800x300,所以翻译应该是(400,150):
.append("g").attr("transform", "translate(400,150)")
我认为翻译应该是你的宽度和高度的一半。例如,如果 w=300 h=300 那么 translate 应该是 translate(150,150)。希望它有效。