2016-04-08 5 views
0

私はdagre-d3を使用して、Javascriptアプリケーションで有向グラフを表示しています。デフォルトのノードシェイプは四角形です。私は楕円を好むだろうが、デフォルトを変更するプログラム的な方法があれば、私には全く分かりません(たとえば、render.jsでNODE_DEFAULT_ATTRSをハックしないでください)。助言がありますか?ご注意いただきありがとうございます。dagre-d3の既定のノードシェイプを変更します

答えて

0

私は少し実験を行い、あまりにも不器用に見えないアプローチを思いついた。基本的に、私はグラフのノードを歩き、グラフをdagreD3.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); 
関連する問題