问Sankey图转换

EN

这是可能的。这里有一种使用csv文件的方法。在这里工作的桑基：https://www.betterment.com/resources/investment-strategy/portfolio-management/portfolio-diversification/

1. 在d3.csv调用之外定义一个全局数组。

var portfolioValues =[]；

• 解析csv以创建节点/链接结构时，将值推送到全局数组中。

}portfolioValues.push(项)；graph.nodes.push({ "name"：d.source })；graph.nodes.push({ "name"：d.target })；graph.links.push({源: portfolioValuesi.source，目标: portfolioValuesi.target，值: portfolioValuesi.valuesstartingAllocation })；})；//构造sankey sankey .nodes(graph.nodes) .links(graph.links)更新并将用户输入传递给更新函数。

$(".sankey-slider").bind("slider:changed"，function (event，data) { slideValue = data.value；updateData(parseInt(slideValue))；})；

• 创建临时数组并从全局数组中检索正确的值。调用sankey函数重新计算布局。

var newLinks = []；portfolioValues.forEach(function(p，i) { newLinks.push({ source: p.source，target: p.target，value: p.valuesallocation })；})；graph.links = newLinks；sankey .nodes(graph.nodes) .links(graph.links) .size(width，height) .layout()；

• 选择需要更改的每个元素并传递新的数据值。

在这里工作的桑基：https://www.betterment.com/resources/investment-strategy/portfolio-management/portfolio-diversification/

由于节点的自动定位包括在连通图中尝试最小化链接距离的部分，这是一个np优化问题，因此任何类型的优化器都可能从一个最小值跳到另一个最小值，从而导致布局的跳跃。因此，保证平稳过渡是不可能的。

最接近的可能解决方案可能是在两个输入数据集之间进行线性插值，从而生成一系列图形，这些图形(取决于数据)或多或少地平滑地从一个两个过渡到另一个。

希望这能有所帮助。