如何制作js这样的组织结构图

Question

我使用的是jinja，我需要制作组织树图，就像jstree中的逻辑一样。你知道吗

假设数据集是这样的：

• 员工：安娜
  • 报告对象：无
• 员工：鲁迪
  • 报告对象：安娜
• 员工：洛基
  • 报告对象：安娜
• 员工：克拉拉
  • 报告对象：洛基
• 员工：Richard
  • 报告对象：洛基
• 员工：莱拉
  • 报告对象：克拉拉
    ... 你知道吗

您如何将此数据集与报表的连接排序？你知道吗

我试着把这些报告分组，但结果是这样的

- None
    * Anna
- Anna
    * Rudi 
    * Rocky
- Rocky 
    * Clara
    * Richard
- Clara
    * Lyla

这里有一些代码

{% for data in employee_data|groupby("employee_name")%}
        <li>{{data.grouper}}</li>
            <ul>
                {% for item in data.list %}
                    <li>{{item.employee_name_for_report}}</li>
                    {% if not item.employee_name_for_report %}

                    {% endif %}
                {% endfor %}
            </ul>
{% endfor %}

我以为会是这样 *你知道吗

• 没有
  • 安娜
    • 鲁迪
    • 洛基
      • 克拉拉
        • 莱拉
      • 理查德