Javascript 在d3力有向图中使用曲线
我想通过D3Force布局可视化一些数据 但是,连接节点的链接是直线。但是数据 可能有多条边连接两个节点。所以直线在 “强制布局”无法正确显示所有选项。我试图附加 链接的路径,而不是行。但它不起作用。我不知道 不管是因为我用错了方法还是因为我使用了武力Javascript 在d3力有向图中使用曲线,javascript,svg,d3.js,force-layout,Javascript,Svg,D3.js,Force Layout,我想通过D3Force布局可视化一些数据 但是,连接节点的链接是直线。但是数据 可能有多条边连接两个节点。所以直线在 “强制布局”无法正确显示所有选项。我试图附加 链接的路径,而不是行。但它不起作用。我不知道 不管是因为我用错了方法还是因为我使用了武力 布局不接受路径作为链接。使用svg:path代替行 var viz = d3.select("body") .insert("svg:svg", "h2") .attr("width", "100%") .attr("he
布局不接受路径作为链接。使用svg:path代替行
var viz = d3.select("body")
.insert("svg:svg", "h2")
.attr("width", "100%")
.attr("height", "100%")
。
.
.
.
.
.
.
这里的源和目标是节点,在“svg:path”的“d”属性中指定的曲线,而标记结束属性是箭头的一个简化示例,显示了您尝试的代码和结果(可能通过或)这将大大有助于让人们帮助你。有一个来自的链接示例。我有一个类似的要求。请看我的问题。
.append("svg:path")
.attr("d", "M0,-5L10,0L0,5");
var path = svg.selectAll("path").data(force.links()).enter()
.append("svg:path").attr("source", function(d) {
return d.source.id;
}).attr("target", function(d) {
return d.target.id;
}).attr("class", "link").attr('marker-end', 'url(#head)');