gpt4 book ai didi

d3.js 带有直链接的缩进树

转载 作者:行者123 更新时间:2023-12-04 15:12:22 29 4
gpt4 key购买 nike

我的代码基于 D3.js Indented tree example .

我想要直链接而不是父/子对象之间的弯曲链接。

我知道这与以下代码有关,但是,我找不到解决方案。我希望链接在 90 度转弯时是直的。

var diagonal = d3.svg.diagonal()
.projection(function(d) { return [d.y, d.x]; });

最佳答案

问题是从链接中提取 x 和 y 点。一种方法是:

链接生成器:

self.diagonal = d3.svg.line().interpolate('step')
.x(function (d) { return d.x; })
.y(function (d) { return d.y; });

然后像这样使用生成器:
link.enter().append('svg:path', 'g')
.duration(self.duration)
.attr('d', function (d) {
return self.diagonal([{
y: d.source.x,
x: d.source.y
}, {
y: d.target.x,
x: d.target.y
}]);
});

关于d3.js 带有直链接的缩进树,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17787287/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com