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

时间:2019-02-05 16:00:52

标签: javascript d3.js observablehq

两个数据集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},...]}') 此数据集有效

由于这两个数据结构看起来相同,因此我无法进行调试。

1 个答案:

答案 0 :(得分:-1)

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

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