在边缘切割d3图表的标签

Question

我在d3中创建了饼图。 现在当d3 pie的标签很大时，它就会超出图表容器。

如何确定标签是否超出边缘容器，然后单词应该中断，然后下一行将出现在下一行。 我在下面的饼图中添加了文字。

generateXML.write("<tag>");

d.data.name是要显示的主要文本，其他值是括号中的百分比。

当我们有大标签或者我们有一些靠近边缘的标签时，这个标签会从图表容器中出来。

Answer 1

您可以使用下一种方法：

If (label.x) < (width/2)  =>> text-anchor: start
If (label.x) > (width/2)  =>> text-anchor: end

希望这个帮助