根据D3力布局中的组，着色边缘不同

Question

我想创建一个像http://bl.ocks.org/mbostock/4062045这样的强制导向图，我可以使用网站上提供的代码来创建。

我想要执行的调整是：我想为不同颜色的边（链接）着色，以便清楚地描绘两个节点之间的关系。

我的json结构看起来像：

{
"links": [
    {
        "group": 2,
        "source": "node1",
        "target": "node2",
        "value": "5"
    },
    {
        "group": 1,
        "source": "node2",
        "target": "node3",
        "value": "5"
    }],
"nodes":
[{ "name": "node1" }
 { "name": "node2" }
 { "name": "node3" }]}

我试过了：

var color = d3.scale.category10();

并为其设计样式：

.style("stroke", function(d) { return color(d.group)})

没有成功。问题是如果我将颜色设置为“红色”或“蓝色”或任何其他颜色而不是放置功能，所有边缘都是彩色的。此外，我能够对样本强制有向图中给出的“节点”进行不同的着色，但相同的属性不适用于链接。

我尝试了最天真的比较方式

if (d.group == 1) { return "blue"; }

但仍然没有成功。我明显错过了一些非常基本的东西。任何人都可以帮助我。非常感谢。