javascript - 如何将二级链接添加到大崩组织结构图？

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'
  });

});

这是大鹏组织图插件提供的代码。

我想在此图表中添加辅助/间接链接，但我无法添加！请帮忙！

Answer 1

我认为您为插件 OrgChart 提出了一个具有挑战性的问题。事实上，如果你看过 OrgChart 的源码，你会发现 OrgChart 插件的核心逻辑就是用嵌套的表格标签绘制树状结构。不同节点之间的线只是 td 标签的边界。现在不可能在不同级别的不同节点之间绘制随机链接。