当链接太多时，d3 sankey 插件无法绘制？

Question

我正在按照本教程制作桑基图 https://bost.ocks.org/mike/sankey/

当节点和链接太多时会什么都画不出来，不是圆的问题。

它会说

我有349个节点和1776个链接

是因为节点和链接太多了？

然后我尝试了最新的d3 Sankey插件， https://github.com/d3/d3-sankey 但它需要 d3 版本 4，但我仍然需要 d3 版本 3 用于其他图表，我已将 Sankey 和 d3 v4 js 文件中的 gloable.d3 更改为 gloable.d3v4。

d3-sankey 插件文件：

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3v4-array'), require('d3v4-collection'), require('d3v4-shape')) :
typeof define === 'function' && define.amd ? define(['exports', 'd3v4-array', 'd3v4-collection', 'd3v4-shape'], factory) :
(factory((global.d3v4 = global.d3v4 || {}),global.d3v4,global.d3v4,global.d3v4));
}(this, (function (exports,d3v4Array,d3v4Collection,d3v4Shape) { 'use strict';

d3 版本 4 文件：

(function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(t.d3v4=t.d3v4||{})})(this,function(t){"use strict"

图表是：然后它告诉我这个错误：

所以我的问题是如何解决旧Sankey版本的问题，如果不能解决，那么如何更改最新的 Sankey 插件文件以使用带有 global.d3v4 变量的 d3 版本 4？

请帮帮我！谢谢！

Answer 1

您在这里有两个问题，一个是关于 d3.sankey.js 的版本，一个是关于不渲染。

不呈现

我很惊讶它会使您的浏览器崩溃，但我对您收到控制台错误并不感到惊讶。您提供给 Sankey 的可用 space 似乎不足以容纳所有 Nodes/Links，因此其中一些被赋予了负高度。

这些是导致控制台错误的原因，增加图表的整体高度（即使它不是一次全部可见）应该可以修复控制台错误。至于崩溃的选项卡，您可能需要暂停几次，看看它是否卡在某个地方的循环中。我的猜测是，因为 Sankey 有一些非常密集的布局算法运行，它可能会在那里花费很长时间。

版本

据我所知，您使用两个不同版本的唯一可靠方法是从功能上确定它们的范围。通常你通过一些模块化模式来做到这一点（例如使用 import "d3" 然后 webpacking。这将允许你为需要不同版本的 d3.

的图表生成不同的包

当链接太多时，d3 sankey 插件无法绘制？

d3 sankey plugin not drawing when there are too many links?

javascript

d3.js

sankey-diagram

不呈现

版本