Skip to main content

OrgChart

The OrgChart component works together with OrgChartItem and OrgChartGroup to render organizational structures. It is suited for displaying hierarchical relationships between people, teams, or other entities.

Basic use​

This example presents the organization chart in its baseline form so the relationship between nodes and groups is easy to understand.

Creating org. structure using data in JSON format​

Using JSON format, you can define nodes, their properties, and the links between them. This approach allows dynamic generation of the organizational structure based on data from the database or other sources.

Groups​

Using the OrgChartGroup element, it is possible to group multiple nodes into a single entity. You can use them to show teams or departments within an organizational structure.

Line​

This example demonstrates how the lines option changes visual separation inside the wje-orgchart component.

Controls​

This example adds controls for working with the chart, which becomes important once the structure grows beyond a few nodes.

Attributes and Properties​

No properties available for this component.

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

NameDescription
``Styles the element.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

No slots available for this component.

Content