附加到路径的文本不显示

Question

我有一个日历热图，我需要在每个路径下面添加一个标签，显示月份名称。

每月有path个元素，该月的第一个日期为data，所以我正在使用

  monthGroup.append("text")
            .attr("class", "heatMonthLabel")
            .text(function (d) { return d.toString().substr(4, 3);})
            .style("text-anchor","middle");

在浏览器的元素检查器中，它确实显示但页面中没有它们的痕迹。这是一个实时demo

Answer 1

您需要将text元素附加到g，而不是path元素 - SVG不会将文字附加到path元素。

修改了jsfiddle here。我还添加了代码来设置text元素的位置。