如何在D3中显示与SVG圈子相关的标签？

Question

我正在尝试使用D3.js编写一个简单的散点图。

基本上，我有一些数据需要绘制，而我的主要目标是在圆圈旁边或圆圈内显示标签。

我有以下代码：

 container
        .selectAll("circle")
        .data(MyDataSet)
        .enter()
        .append("circle")
        .attr("r", d => d.r)
        .attr("cx", d => d.cx)
        .attr("cy", d => d.cy)
        .attr("fill", d => colorScale(d))
        .attr("stroke","black")

        .append("text")
        .text(d => d.label)
        .attr("font-size", "15px")
        .attr("text-anchor", "middle")

我得到的是散点图中的一堆圆圈，看起来像这样：

<circle r="3" cx="480" cy="480" fill="rgb(255, 0, 0)" stroke="black"><text x="3" y="3" font-size="40px" text-anchor="middle">LABEL02</text></circle>

那些圆在散点图中正确显示，但是我看不到里面或任何地方的任何文本。

正如我所见，数据已正确加载，并且标记在circle标记内正确生成...

怎么了？