@gooseberry/org-chart

使用 d3 编写的组织架构图

Install

Using npm:

npm install @gooseberry/org-chart

Usage

import { createOrgChart } from "@gooseberry/org-chart";
import * as d3 from "d3";

createOrgChart("#root", {
  width: document.body.offsetWidth,
  height: document.body.offsetHeight,
  treeOptions: {
    data: generateTreeDate(5),
    renderNode(node) {
      return d3.create<SVGElement>("svg:text").text(node.id);
    },
  },
}).tree.autoLayout({ rankdir: "LR", nodesep: 100, ranksep: 1000 });