当链接太多时，d3 sankey插件没有绘制？

Question

我正在按照本教程制作一张Sankey图表 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.d3v。

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的可用空间不足以满足所有节点/链接，因此其中一些空间被赋予负面高度。

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

版本

我知道你使用两个不同版本的唯一可靠方法是在功能范围内。通常你通过一些模块化模式（例如使用import "d3"然后使用webpacking）来执行此操作。这将允许您为需要不同版本d3的图表生成不同的包。