Javascript D3.js树，奇数个顶点，未显示边

我有以下JavaScript代码，它使用库来绘制树（它遵循各种在线教程中的标准结构）：

---

它工作得很好，除了顶点有奇数个子节点（1，3，…）的树之外；在这种情况下，将不会绘制奇数顶点的边（例如，在上面的示例中，不显示A和B之间的边）。我缺少什么？

您缺少节点链接的样式。这其中的一些变化：

<style>
.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 4.5px;
}
</style>

它取决于奇数与偶数，因为默认情况下，路径没有笔划，填充颜色为黑色。所以直线不会出现，但曲线会被填满。

是的，就是这样，谢谢；为了完整性。

<style>
.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 4.5px;
}
</style>

.attr("d", diagonal).attr({ 'fill': 'none', 'stroke': 'grey', 'stroke-width': 4 });