@jiechud/react-org-chart

0.1.14 • Public • Published

react-org-chart

Features

  • High-performance D3-based SVG rendering
  • Lazy-load children with a custom function
  • Handle up to 1 million collapsed nodes and 5,000 expanded nodes

React Props

property type description example
tree Object Nested data model with all of the employees in the company (Required) { "id": 123, "person": { "name": "Fouad Matin" }, "children": [] }
nodeWidth Number Width of the component for each individual (Optional) 180
nodeHeight Number Height of the component for each individual (Optional) 100
nodeSpacing Number Spacing between each of the nodes in the chart (Optional) 12
animationDuration Number Duration of the animations in milliseconds (Optional) 350
lineType String Type of line that connects the nodes to each other (Optional) “angle” “curve”

手动控制缩放

https://segmentfault.com/a/1190000010825990

Readme

Keywords

none

Package Sidebar

Install

npm i @jiechud/react-org-chart

Weekly Downloads

0

Version

0.1.14

License

MIT

Unpacked Size

147 kB

Total Files

3

Last publish

Collaborators

  • jiechud