Uncaught error: cannot construct a line segment with two equal endpoints

Question

我正在尝试整合 d3 force 布局 http://nylen.tv/d3-process-map/graph.php which is at https://github.com/nylen/d3-process-map The live version is at http://rumi.io.knowledge.tree.8d4ef892b35606a87ba5cc39a1f99f68df97.s3-website-ap-southeast-1.amazonaws.com

在搜索节点时，我正在向服务器发送请求以获取数据并成功绘制图表。但是当我在下一个屏幕（白色背景）上第二次搜索时，我正在获取数据并在绘图时，我在控制台中收到错误 --> 未捕获的错误：无法构造具有两个相等端点的线段。

问题是，这个错误是随机产生的。我真的无法理解产生错误的模式及其含义。

我的一个理论是当互联网连接中断时发生错误。但不确定这个理论是否正确。

任何见解都会有所帮助。

Answer 1

我也遇到过这种情况。但是，就我而言，这是由于 json 数据中的重复名称造成的。

这里是数据问题的示例：
(original data source)

[
    {
        "name"    : "Fauchelevent", // Duplicated
        "type"    : "group0",
        "depends" : [
            "Valjean",
            "Javert"
        ]
    }, {
        "name"    : "Myriel",
        "type"    : "group1",
        "depends" : []
    }, {
        "name"    : "Fauchelevent", // Duplicated
        "type"    : "group1",
        "depends" : [
            "Myriel"
        ]
    }
]

插件将使用 object.name 作为图形数据中的节点键。所以不可能重名。

因此请尝试检查您的 json 数据是否可能存在重复名称。

Uncaught error: cannot construct a line segment with two equal endpoints

Uncaught error: cannot construct a line segment with two equal endpoints

d3.js

force-layout