javascript - 强制图适用于一组数据,但不适用于类似的其他数据集
问题描述
数据集 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
。
推荐阅读
- mongodb - 如何删除对象数组[MongoDB]中对象的[嵌套]内部的对象?
- python - 如何在不使用 python 循环的情况下将元素插入 3d numpy 数组中的特定索引?
- google-tag-manager - GTM 从数据层创建自定义数组
- flutter - Flutter:从 FloatingActionButton 重新构建小部件
- python - Numpy recarray函数抛出TypeError:无法使用灵活类型执行reduce
- python - 在 pandas read_csv 文件中打开 .csv 文件时,在一列中显示所有列
- python - 如何更改 python 代码以抓取带有重音字符的文本?
- python - 如何遍历 python 目录并在 root 处停止一次
- sandbox - 在哪里可以找到 Pinterest 沙盒标签 ID?
- javascript - Vue Composition Api - 调用使用渲染函数的子组件的方法