javascript - 对于 d3 力导向图,节点、组和值在 JSON 中意味着什么?

标签 javascript json d3.js visualization force-layout

我正在尝试创建一个 d3 力导向图 ( http://mbostock.github.com/d3/ex/force.html )。这是包含我的数据的简单 JSON 文件。

{"nodes":[{"name":"Node1","group":1}, {"name":"Node2","group":1}],

    "links":[{"source":1,"target":2,"value":2}]}

我在同一组中有两个节点。我也在尝试在两个节点之间创建链接。但是,我的页面仍然是空白的(而且我确信除了 JSON 之外的其他部分都是正确的)。

什么是“组”?为什么边同时具有“源”和“目标”——这些值是什么?为什么链接有“值(value)”?链接不只是未加权的边缘吗?我无法理解数据存储的 JSON 结构。

最佳答案

在d3力导向图中example ,链接的“值”映射到边缘的笔划宽度,节点的“组”映射到节点的颜色。 links中'source'和'target'的整数值是指节点中对应节点的数组索引(https://github.com/mbostock/d3/wiki/Force-Layout#wiki-links)。

如果您将源链接更改为

 "links":[{"source":0,"target":1,"value":2}]}

它,d3 应该在两个节点之间呈现一条边。

关于javascript - 对于 d3 力导向图,节点、组和值在 JSON 中意味着什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10038376/

相关文章:

java - 解析 JSON 以供在 highchart.js 中使用

jquery - d3.js 抛出错误 't.slice is not a function'

javascript - 在浏览器的本地存储中存储对磁盘上文件的引用

javascript - 单击弹出图像和生物框

javascript - 在 Electron 窗口悬停时隐藏标题栏?

javascript - highcharts 动态样条线与表中的流体尺寸问题

json - 将字节数组转换为以 avro Schema 作为输入的 Json 会出错

php - 获取与用户相关的所有行

javascript - D3.js 右键单击​​打开弹出窗口但弹出窗口关闭时不影响源 svg

javascript - D3.js如何从具有多个Y轴列的数据数组中提取Y域值