Дисплей D3 Tree Layout в линейном формате

Question

Я после D3 Collapsible Tree Layout руководства и пытаюсь изменить структуру дерева от

Чтобы линейный формат, где «корень» узел является левый -Большая узел на дереве

Я не знаю много о D3 только пока, но я взял на себя функцию d3.diagonal() вместе с узлами х & параметров у управляющих линиями и положение узла. Любой ввод или руководство по этому вопросу, которое укажет мне в правильном направлении?

Answer 1

сделать это

self.diagonal = d3.svg.line().interpolate('step') 
    .x(function (d) { return d.x; }) 
    .y(function (d) { return d.y; }); 

И затем использовать генератор, как это:

link.enter().append('svg:path', 'g') 
    .duration(self.duration) 
    .attr('d', function (d) { 
     return self.diagonal([{ 
      y: d.source.x, 
      x: d.source.y 
     }, { 
      y: d.target.x, 
      x: d.target.y 
     }]); 
    });