OrgChart JS

BALKAN App다이어그램 작성 도구JavaScript
버전 v9.x (2026년 5월 4일)(2)

JavaScript를 사용하여 사용자 지정 가능하고 인터랙티브한 조직도를 만드세요.

  • 세부적인 사용자 지정 옵션으로 유연한 조직도를 구축합니다.
  • 차트를 PDF 및 PNG를 포함한 여러 형식으로 내보냅니다.
  • 드래그, 확대/축소, 검색 기능으로 인터랙티브 탐색을 지원합니다.
BALKAN App logo

가격:

로딩 중...
개별로 이용 가능판매가
OrgChart JS로딩 중

체험판 이용 가능 무료 평가판을 위해 문의하세요

OrgChart JS 제품 이미지
OrgChart JS는 웹 애플리케이션에서 인터랙티브한 조직도를 만들기 위해 설계된 JavaScript 라이브러리입니다. 개발자는 브라우저에서 직접 렌더링되는 사용자 지정 가능한 차트 레이아웃을 통해 회사 팀, 보고 관계 또는 조직 단위와 같은 계층 구조를 시각화할 수 있습니다.

유연한 차트 사용자 지정

개발자는 노드, 레벨, 방향, 템플릿 옵션을 포함하여 조직도의 모양과 레이아웃을 광범위하게 조정할 수 있으며, 이를 통해 차트가 특정 प्रस्तेशन 요구 사항에 맞도록 할 수 있습니다.

다양한 내보내기 형식

차트는 PDF, PNG, SVG, CSV, JSON, XML 형식으로 내보낼 수 있으며, 기본 제공되는 PDF 미리 보기를 통해 형식 선택, A4 또는 A5와 같은 문서 크기 지정, 헤더, 푸터, 로고 추가가 가능합니다.

인터랙티브 탐색

enableDragDrop, enablePan, 확대/축소 컨트롤, 키보드 탐색과 같은 기능은 최종 사용자가 차트 레이아웃을 직관적으로 탐색하고 조작할 수 있도록 합니다.

검색 및 필터링

통합 검색 기능은 지정된 필드를 기준으로 검색을 지원하며, 복잡한 차트 내에서 노드를 빠르게 찾을 수 있도록 표시, 약어, 가중치 옵션을 구성할 수 있습니다.

동적 로딩 및 성능

지연 로딩 옵션을 사용하면 대규모 조직도가 데이터를 점진적으로 불러올 수 있어 웹 환경에서 성능과 반응성이 향상됩니다.

편집 폼 및 노드 상호작용

사용자 지정 가능한 편집 폼을 통해 차트 내에서 직접 데이터 입력과 편집이 가능합니다. 노드별 컨텍스트 메뉴, 원형 메뉴, 클릭 동작은 차트 데이터를 관리하는 상호작용성을 향상합니다.

레이아웃 및 디자인 제어

레벨 간 간격, 형제 간 간격, 서브트리 간 간격과 같은 간격을 제어합니다. 다양한 표시 환경에 맞게 차트 방향, 그리드 열, 모드(다크 또는 라이트)를 조정할 수 있습니다.

상태 관리 및 지속성

IndexedDB, 로컬 스토리지, URL 매개변수에서 읽고 쓰는 옵션을 통해 차트 상태를 저장할 수 있어 세션 간 사용자 구성을 유지할 수 있습니다.

AI 및 고급 기능

선택적 AI 기능과 툴바 통합을 포함하여 확장된 기능을 제공하며, 차트 내에서 구성과 상호작용을 동적으로 조정하는 데 도움이 됩니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vanilla JavaScript