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 - 正则表达式匹配两个单词之间的字符串,其中结束边界词是可选的

javascript - 使用js在svg中的rect标签内画一个复选标记

javascript - HTML、SVG 和 Javascript 与 XML - DOMParser 不读取所有其他元素

javascript - D3.js警告: Unresponsive Script Message

javascript - 使用 d3 加载 csv 文件后范围未更新

javascript - Python json.dump() 到 javascript JSON.parse()

javascript - 了解数据库表是否已更新的最有效方法

javascript - 如何隐藏iframe中的水平滚动条

javascript - 将鼠标悬停在一个 div 上以显示某个类的最近 div

xml - SVG 圆角