强制图适用于一组数据,但不适用于类似的其他数据集

Forced graph works with one set of data but not with similar set of other data

数据集 data 和 data1 在结构上相似,但是在使用测试数据时出现 Error: missing: undefined 错误。

observablehq 将问题指向:

    const simulation = d3.forceSimulation(nodes)
       .force("link", d3.forceLink(links).id(d => d.id))
       .force("charge", d3.forceManyBody())
       .force("center", d3.forceCenter(width / 2, height / 2));

完整的可运行代码位于:https://beta.observablehq.com/d/cab995be5e806a80

data = JSON.parse('{"nodes":[{"id":"K","group":1},{"id":"C","group":1},{"id":"J","group":1},{"id":"H","group":1},.....],"links":[{"source":"K","traget":"C","value":1},{"source":"J","traget":"H","value":1},{"source":"D","traget":"K","value":1},.....]}') 以上数据集无效

data1 = JSON.parse('{"nodes":[{"id":"Myriel","group":1},{"id":"Napoleon","group":1},{"id":"Mlle.Baptistine","group":1},...],"links":[{"source":"Napoleon","target":"Myriel","value":1},{"source":"Mlle.Baptistine","target":"Myriel","value":8},{"source":"Mme.Magloire","target":"Myriel","value":10},{"source":"Mme.Magloire","target":"Mlle.Baptistine","value":6},...]}') 这个数据集有效

我对调试这个一无所知,因为这两个数据结构看起来一样。

{"source":"K","traget":"C","value":1}

最有可能的问题是 target 在其中一个数据集中拼错为 traget