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

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 不会渲染附加到 的文本>路径元素。

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