Sankey数据格式，演示文稿

Question

我试图用d3实现Sankey插件。我没有得到我预期的输出。希望有人可以提供帮助。 我已经减少到最简单的数据集。 有3个节点。我希望从Entry到Exit有一个链接，一个从Entry进入Zone1，然后是Exit。这是集：

const graph = {
nodes: [
    {'node': 0, 'name': 'Entry'},
    {'node': 1, 'name': 'Zone 1'},
    {'node': 2, 'name': 'Exit'}
],
links: [
    {"source": 0, "target": 1, "value": 2},
    {"source": 1, "target": 2, "value": 2},
    {"source": 0, "target": 2, "value": 4}
]
}

然而，我只是获得了一条链接路径，而且它看起来有点混乱 这是链接代码：

var link = svg.append("g").selectAll(".link")
        .data(graph.links)
        .enter().append("path")
        .attr("class", "link")
        .attr("d", path)
        .style("stroke-width", function (d) {
            return Math.max(1, d.dy);
        })
        .sort(function (a, b) {
            return b.dy - a.dy;
        });
    link.append("title")
        .text(function (d) {
            return d.source.name + " → " +
                d.target.name + "\n" + format(d.value);
        });

Answer 1

链接代码中没有明确的笔触颜色。我只需要添加：

.attr("stroke", "#CDCDCD")