2016-08-31 12 views
0

私はDagreを私のhtmlに使用したいと思います。 は、ここに私の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 wikiではなく、[dagre wiki](https://github.com/cpettitt/dagre/wiki#configuring-the-layout)にありました。 – tarp

関連する問題