如何添加輔助鏈接到達寶組織圖表？

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標籤的邊界。現在不可能在不同層次的不同節點間繪製隨機鏈接。