javascript - 附加到路径的文本不显示

Question

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

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

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

在浏览器的元素检查器中，它确实出现了，但在页面中没有它们的踪迹。这是一个现场演示

Answer 1

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

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