dabeng組織図にセカンダリリンクを追加するには？

Question

このグラフに点線を追加したいと思います。リーフ・レベルのノード中間レベルのノードへの間接的なリンクを持っている、 Script.js

import OrgChart from '../js/orgchart.min.js'; 

document.addEventListener('DOMContentLoaded', function() { 

    Mock.mock('/orgchart/initdata', { 
     'name': 'Lao Lao', 
     'title': 'general manager', 
     'children': [ 
     { 'name': 'Bo Miao', 'title': 'department manager' }, 
     { 'name': 'Su Miao', 'title': 'department manager', 
      'children': [ 
      { 'name': 'Tie Hua', 'title': 'senior engineer' }, 
      { 'name': 'Hei Hei', 'title': 'senior engineer', 
       'children': [ 
       { 'name': 'Pang Pang', 'title': 'engineer' }, 
       { 'name': 'Xiang Xiang', 'title': 'UE engineer' } 
       ] 
      } 
      ] 
     }, 
     { 'name': 'Yu Jie', 'title': 'department manager' }, 
     { 'name': 'Yu Li', 'title': 'department manager' }, 
     { 'name': 'Hong Miao', 'title': 'department manager' }, 
     { 'name': 'Yu Wei', 'title': 'department manager' }, 
     { 'name': 'Chun Miao', 'title': 'department manager' }, 
     { 'name': 'Yu Tie', 'title': 'department manager' } 
     ] 
    }); 
    Mock.setup({ timeout: 1000 }); 

    let orgchart = new OrgChart({ 
    'chartContainer': '#chart-container', 
    'data' : '/orgchart/initdata', 
    'depth': 2, 
    'nodeContent': 'title' 
    }); 

}); 

これはdabeng組織チャートプラグインによって提供されるコードです。

このグラフにはセカンダリ/間接リンクを追加したいが、追加できない！助けてください！

Answer 1

私は、あなたがOrgChartというプラグインにとって挑戦的な問題を提出すると思います。実際、OrgChartのソースコードを見直してみると、OrgChartプラグインの中核となるロジックは、ネストしたテーブルタグを持つツリーのような構造を描くことになります。異なるノード間の線は、tdタグの境界にすぎません。今はさまざまなレベルの異なるノード間でランダムなリンクを描くことは不可能です。