javascript - 从属性链接长度和强度

标签 javascript svg d3.js force-layout

基于力的布局中的每个链接是否可能具有不同的链接强度或长度属性?

下面是一个示例数据集,其中每个链接的长度和强度都将定义为一个属性

        var dataset = {
            nodes: [
                { name: "Adam" },
                { name: "Iris" },
                { name: "Jerry" }
            ],
            edges: [
                { source: 0, target: 1, strength : .1, length: 50 },
                { source: 0, target: 2, strength: 1, length: 100 },

最佳答案

是的,force.linkStrength accepts a function。对于linkDistance同样如此。您甚至可以看到how it's implemented.

d3.layout.force()
  ...
  .links(dataset.edges)
  .linkStrength( function(edge, i) { return edge.strength; } )

关于javascript - 从属性链接长度和强度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27727144/

相关文章:

javascript - plotly - 响应宽度,固定高度

javascript - 部分切换隐藏和显示在 WordPress

charts - 如何在d3.js中使用叠线在堆叠条形图上的x轴对齐

zooming - d3 版本 4 中的各向异性缩放

javascript - 未捕获的类型错误 : Cannot destructure property `name` of 'undefined' or 'null'

javascript - 新页面时保持打开子菜单

javascript - 将链接附加到D3树布局中的矩形边

html - svg中的图像无法在鼠标悬停时缩放

SVG 调整图像大小超出纵横比

javascript - 展平使用 d3.js 嵌套创建的对象层次结构