绘制简单的sankey。思路很简单,定义好布局直接绘制就行。D3.v4官方没有提供sankey的布局方式。布局方式的定义使用的是现成的,直接调用就行。
数据:
var data = {
'nodes': [{
name: "0"
},
{
name: "1"
},
{
name: "2"
},
{
name: "3"
},
{
name: "4"
},
{
name: "5"
},
{
name: "6"
},
{
name: "7"
},
{
name: "8"
}
],
'links': [{
source: 0,
target: 3,
value: 10
},
{
source: 1,
target: 4,
value: 10
},
{
source: 2,
target: 4,
value: 5
},
{
source: 1,
target: 5,
value: 5
},
{
source: 3,
target: 6,
value: 5
},
{
source: 3,
target: 7,
value: 5
},
{
source: 4,
target: 7,
value: 10
},
{
source: 4,
target: 8,
value: 5
},
{
source: 5,
target: 8,
value: 5
}
]
};
绘制代码:
function drawSankey(data, time) {
let sa