更改dagre-d3中的默认节点形状。

Question

我使用dagre-d3在Javascript应用程序中显示有向图，它的默认节点形状是一个矩形。我更喜欢省略号，但如果有一种编程方式来更改缺省值(例如，我不希望在render.js中使用render.js)，这一点对我来说一点也不明显。有什么建议吗？感谢您的关注。

Answer 1

我做了一些实验，想出了一种看起来不太笨拙的方法。基本上，我先遍历了图的节点并设置它们的形状，然后再将图传递给dgolD3.Render。

var g = graphlibDot.read(treeData);
g.nodes().forEach(function(v) {
    var node = g.node(v);
    node.shape = "ellipse";
});
var render = new dagreD3.render();
var svg = document.querySelector('#graphContainer');
render(d3.select("svg g"), g);

Answer 2

您可以在创建节点时设置形状：

g.setNode(id, { shape: 'ellipse' });