D3：如何将动态高度的文本粘贴到SVG元素的底部？

Question

我想显示一些包含动态内容的文本，以显示在SVG图表下方的底部。文本有时只包含一行，有时两行。现在，如果有两条线，则第二条线被切断，因为它在绘图区域之外。

文字如下：

chart.append("text")
    .attr("class", "source")
    .attr("x", MARGINS.left + 10)
    .attr("y", HEIGHT - 5)
    .attr("width", WIDTH - MARGINS.right)
    .text(somedynamiccontent());

所以问题是，＆＃34; y＆＃34;属性是指文本框的顶部，但是我希望它指向元素的底部，这样只有文本元素才会增长。向上 - 而不是向下。有没有人有这个解决方案或解决方法？我已经尝试了alignment-baseline财产，但我认为这不是我想要的。

谢谢。