2016-08-31 7 views
0

내 html에 Dagre을 기꺼이 사용합니다. 여기 내 JS 코드입니다 :Dagre를 사용하여 가로보기를 얻는 방법?

var g = new dagreD3.graphlib.Graph() 
        .setGraph({}) 
        .setDefaultEdgeLabel(function() { return {}; }); 
      var i = 0; 
      var nodes = ["a", "b", "c", "d"]; 
      nodes.forEach(function (node) { 
       ggg.setNode(node,{ style: "fill: #afa"}); 
      }); 
      g.nodes().forEach(function(v) { 
       var node = g.node(v); 
       // Round the corners of the nodes 
       node.rx = node.ry = 5; 
      }); 
      i = 0; 
      for(i=0;i<3;++i) { 
       g.setEdge(nodes[i],nodes[i+1],{label:"lable"}); 
      } 
      var render = new dagreD3.render(); 
      var svg = d3.select("#mysvg"), 
        svgGroup = svg.append("g"); 
      render(d3.select("#mysvg g"),g); 

그리고 그 결과는 기본적으로 세로보기입니다 :

이 가능성이 같은 Dagre을 사용하여 가로보기로하게되어 있습니까? enter image description here

답변

4

이 나

g.graph().rankDir = 'LR'; 
+0

감사 일했다. 이것에 대해 어떻게 알았습니까? –

+1

dagre-d3 위키가 아닌 [dagre wiki] (https://github.com/cpettitt/dagre/wiki#configuring-the-layout)에있었습니다. – tarp