使用Alchemy.js绘制图形时错误的链接(边)距离

时间:2018-12-05 19:55:46

标签: javascript d3.js alchemy.js

我想绘制一个加权图,它对每个链接(边缘)都有一定的权重。从我的理解中,我应该编写一个函数,该函数将返回每个链接的distance属性。

属性:

window.graphjs.edges.push({"source": window.source[a],
                          "target": window.target[a],
                          "caption": window.weight[a],
                          "linkDistance": window.weight[a]
});

功能:

var config = {
              dataSource: window.graphjs,
              linkDistancefn: function(edge) { 
                 if(edge.self._properties.linkDistance)return (1000/parseInt(edge.self._properties.linkDistance) ); else return 1000;},

 ...         
}

但是结果图显示错误,即使距离正确,边缘也会错误。因为如果距离很大,我希望画一条长边,如果距离很小,那么我希望画一条短边。

即使是IF ,我也只有3个节点,它们之间的距离为:[1,2] = 100和[1,3] = 200,边缘的尺寸将错误,因为预期的比例是1/2

有什么我想念或不了解的,我不知道

我想正确绘制图形边缘,如何实现?

0 个答案:

没有答案