OrgChart JS

구조적 데이터를 세련된 방식으로 표현할 수 있는 간단하고 유연하며 사용자 정의가 가능한 조직도를 만들 수 있습니다.

BALKAN App사에서 공개
2019년 부터 ComponentSource에서 판매중

가격: US$ 391.02 버젼: v9.x NEW 업데이트: 매일? 4.00 별점 평균 리뷰4.00 별점 평균 리뷰4.00 별점 평균 리뷰4.00 별점 평균 리뷰4.00 별점 평균 리뷰 (2)

OrgChart JS 스크린샷

OrgChart JS

OrgChart JS is visual tool used by managers to help illustrate the roles and an organization’s hierarchy. Whether you’re a business, nonprofit, or government organization, a chart can help your employees understand the chain of command, with clear information on which people report to which manager. With an accurate chart, you’ll be able to develop growth strategies and assign new projects. A clear organizational chart can help you map inefficiencies in your workplace.

OrgChart JS

OrgChart JS - Tree LayoutArrange boxes horizontally with two boxes in each row.
OrgChart JS - Tree LayoutArrange boxes horizontally with two boxes in each row.
OrgChart JS - Mixed LayoutArrange boxes horizontally with one box in each row.
OrgChart JS - Mixed LayoutArrange boxes horizontally with one box in each row.
OrgChart JS - Tree Left Offset LayoutLeft-align last child box vertically.
OrgChart JS - Tree Left Offset LayoutLeft-align last child box vertically.
OrgChart JS - Tree Right Offset LayoutRight-align last child box vertically.
OrgChart JS - Tree Right Offset LayoutRight-align last child box vertically.
OrgChart JS - Normal LayoutAlign last child box horizontally.
OrgChart JS - Normal LayoutAlign last child box horizontally.
Assistant Under the CEOAssistants are child items that have a different relationship with the parent node.
Assistant Under the CEOAssistants are child items that have a different relationship with the parent node.
Multiple AssistantsMore than one assistant under the CEO.
Multiple AssistantsMore than one assistant under the CEO.
Assistant TemplateUse different template for the assistant node.
Assistant TemplateUse different template for the assistant node.
Assistant in Left OrientationAdding assistant node in different orientation types.
Assistant in Left OrientationAdding assistant node in different orientation types.
Nest Multiple NodesOrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node.
Nest Multiple NodesOrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node.
Minimize Grouped NodesGroup nodes can be in either of two states, maximized and minimized.
Minimize Grouped NodesGroup nodes can be in either of two states, maximized and minimized.
Group NodesEasily use Drag & Drop to create a new group of nodes.
Group NodesEasily use Drag & Drop to create a new group of nodes.
Custom TemplatesTo highlight nodes inside groups use different templates for the specified node.
Custom TemplatesTo highlight nodes inside groups use different templates for the specified node.
Template 'luba'You can easily extend this template to match your UI.
Template 'luba'You can easily extend this template to match your UI.
Template 'derek'You can easily extend this template to match your UI.
Template 'derek'You can easily extend this template to match your UI.
Template 'olivia'You can easily extend this template to match your UI.
Template 'olivia'You can easily extend this template to match your UI.
Template 'diva'You can easily extend this template to match your UI.
Template 'diva'You can easily extend this template to match your UI.
Built-in Edit FormBuilt-in edit form allows you to edit any field from the node json object.
Built-in Edit FormBuilt-in edit form allows you to edit any field from the node json object.
CRUD OperationsOrgChart JS allows you to perform CRUD operations against the database such as update, add and remove.
CRUD OperationsOrgChart JS allows you to perform CRUD operations against the database such as update, add and remove.
Custom Edit FormIn a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics.
Custom Edit FormIn a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics.
Edit Menu in FrenchAll the text strings used in the edit menu can be localized to any regional language.
Edit Menu in FrenchAll the text strings used in the edit menu can be localized to any regional language.
Autocomplete SearchThe search helps you find exactly what you're looking for. Autocomplete is a feature within OrgChart JS designed to make it faster to complete searches that you're beginning to type.
Autocomplete SearchThe search helps you find exactly what you're looking for. Autocomplete is a feature within OrgChart JS designed to make it faster to complete searches that you're beginning to type.
Defined SearchTo display only specific fields in the autocomplete grid define searchFields array.
Defined SearchTo display only specific fields in the autocomplete grid define searchFields array.
Bottom to Top
Bottom to Top
Top to Bottom
Top to Bottom
Left to Right
Left to Right
Right to Left
Right to Left
클릭하여 상세내용 보기

이미지 1/28

OrgChart JS - Tree LayoutArrange boxes horizontally with two boxes in each row.
OrgChart JS - Mixed LayoutArrange boxes horizontally with one box in each row.
OrgChart JS - Tree Left Offset LayoutLeft-align last child box vertically.
OrgChart JS - Tree Right Offset LayoutRight-align last child box vertically.
OrgChart JS - Normal LayoutAlign last child box horizontally.
Assistant Under the CEOAssistants are child items that have a different relationship with the parent node.
Multiple AssistantsMore than one assistant under the CEO.
Assistant TemplateUse different template for the assistant node.
Assistant in Left OrientationAdding assistant node in different orientation types.
Nest Multiple NodesOrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node.
Minimize Grouped NodesGroup nodes can be in either of two states, maximized and minimized.
Group NodesEasily use Drag & Drop to create a new group of nodes.
Custom TemplatesTo highlight nodes inside groups use different templates for the specified node.
Template 'luba'You can easily extend this template to match your UI.
Template 'derek'You can easily extend this template to match your UI.
Template 'olivia'You can easily extend this template to match your UI.
Template 'diva'You can easily extend this template to match your UI.
Built-in Edit FormBuilt-in edit form allows you to edit any field from the node json object.
CRUD OperationsOrgChart JS allows you to perform CRUD operations against the database such as update, add and remove.
Custom Edit FormIn a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics.
Edit Menu in FrenchAll the text strings used in the edit menu can be localized to any regional language.
Autocomplete SearchThe search helps you find exactly what you're looking for. Autocomplete is a feature within OrgChart JS designed to make it faster to complete searches that you're beginning to type.
Defined SearchTo display only specific fields in the autocomplete grid define searchFields array.
Bottom to Top
Top to Bottom
Left to Right
Right to Left

OrgChart JS organization chart supports the following features:

  • Grouping – Putting multiple nodes into one box saves a considerable amount of space compared with assigning each node their own box. For example, if you have two employees at the same level you can group them.
  • Assistant nodes - Assistants are child nodes that have a different relationship with the parent node. They are laid out in a dedicated part of the tree.
  • Expand/Collapse - When you’re working on a big, complicated OrgChart, you...
OrgChart JS의 상세 정보

최신 뉴스

계층 구조를 들여쓰기된 목록으로 표시하세요
계층 구조를 들여쓰기된 목록으로 표시하세요
April 24, 2026Product Update
OrgChart JS는 계층 구조 데이터를 수직 정렬 구조로 표시하는 트리 리스트 레이아웃을 제공하여, 중첩된 정보를 더 쉽게 읽을 수 있도록 도와줍니다.
AI 지원으로 조직도를 설계하고 관리하세요
AI 지원으로 조직도를 설계하고 관리하세요
March 24, 2025Product Update
OrgChart JS v8.15에 AI 기능이 추가되어 사용자가 인공지능을 통해 조직도를 설계하고 관리할 수 있습니다.
실행취소/재실행을 통한 조직도 편집 간소화
실행취소/재실행을 통한 조직도 편집 간소화
November 8, 2023Product Update
OrgChart JS v8.12.13에서 노드 추가 또는 제거와 같은 작업에 대해 실행취소 및 재실행을 지원합니다.
OrgChart JS - 2023년 9월 릴리스
OrgChart JS - 2023년 9월 릴리스
October 6, 2023신규 버전
하위 수준이 있는 혼합 레이아웃 노드의 처리를 개선합니다.
OrgChart JS - 2023년 8월 릴리스
OrgChart JS - 2023년 8월 릴리스
September 6, 2023신규 버전
두 개의 새로운 조직도 레이아웃 'treeLeft' 및 'treeRight'를 추가합니다.
OrgChart JS - 2023년 7월 릴리스
OrgChart JS - 2023년 7월 릴리스
August 15, 2023신규 버전
조직도 표시를 최적화하기 위해 혼합 레이아웃에 대한 지원을 개선합니다.
상세 뉴스

가격: US$ 391.02

A customer with 1 website (one domain) will require PROFESSIONAL License, the product can be installed on unlimited machines (Load Balancer). A customer that is going to use the product in a SaaS...
라이선스의 상세 내용

궁금한 점이 있으세요?

BALKAN App 사 제품 라이선스 담당자와 라이브 채팅

기능 별 하이라이트

Format an assistant to a position in a special way.OrgChart JS supports Grouping of nodes.Collection of customizable templates.Node editing operations update, remove and add.The search helps you find exactly what you're looking for.Eight orientation options.Mixed horizontal and vertical layouts.
기능 상세 내용
BALKAN App
BALKAN App사 제품의 배포자로서 공식 권한을 소유한 ComponentSource는 합법적인 라이선스를 고객님께 직접 제공합니다.
BALKAN App의 상세 정보
Component Type
  • JavaScript
호환성 상세 내용

최근 수상

PublisherPublisher

고객 리뷰

평균 리뷰 스코어: 4 (2)

5 등급에서 4

5 등급
0%
4 등급
100%
3 등급
0%
2 등급
0%
1 등급
0%

가장 최근의 긍정적인 리뷰

Fatimatou Coulibaly 프랑스7 달 전4 등급

Nous avons choisi d’utiliser OrgChartJs pour simplifier la création d’organigrammes, et elle répond pleinement à nos attentes. La librairie offre de nombreuses possibilités de personnalisation, ce qui... 더 읽기

가장 최근의 중요 리뷰

이 제품에 대한 부정적인 리뷰가 없습니다.
더 많은 리뷰