2016-08-31 2 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 wiki] (https://github.com/cpettitt/dagre/wiki#configuring-the-layout), а не вики dagre-d3. – tarp

Смежные вопросы