DevExtreme Angular Diagram

DevExpress다이어그램 작성 도구JavaScript

Angular 애플리케이션 내에서 대화형 다이어그램을 만들고 사용자 지정하세요.

  • 다이어그램 작성 기능을 Angular 프로젝트에 직접 통합합니다.
  • 다양한 데이터 소스에 다이어그램을 바인딩하고 도형을 사용자 지정합니다.
  • 풍부한 상호작용을 위한 광범위한 UI 도구와 템플릿을 활용합니다.
DevExpress logo

가격:

로딩 중...
다음에서 사용 가능
DevExtreme Complete로딩 중
DevExpress DXperience로딩 중
DevExpress Universal로딩 중
DevExpress VCL Subscription +로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
DevExtreme Angular Diagram 제품 이미지
DevExtreme Angular Diagram은 Angular 애플리케이션에서 순서도, 조직도, 복잡한 데이터 관계를 시각화하도록 설계된 종합 UI 컴포넌트입니다. 강력한 데이터 바인딩 옵션, 도형 및 도구상자 항목에 대한 사용자 지정 가능한 템플릿, 그리고 전문적인 다이어그램을 손쉽게 만들 수 있는 완전한 대화형 도구 모음을 제공합니다.

Diagram Tools

손쉽게 구성할 수 있는 옵션으로 레이아웃, 도형 배치, 확대/축소 수준, 기록 작업 및 기타 다이어그램 기능을 관리할 수 있는 기본 제공 도구를 사용하세요.

Shape Templates

도형의 모양과 동작을 제어할 수 있도록 사용자 지정 SVG 템플릿을 만들어, 애플리케이션의 요구에 맞춘 개별화된 다이어그램 표현을 지원합니다.

Drag and Drop Interface

보조선과 스냅 기능의 지원을 받아 도형을 만들고 연결하는 드래그 앤 드롭 기능으로 직관적인 사용자 상호작용을 지원하여 정밀도를 높입니다.

Data Binding

이 컴포넌트는 정의된 키와 부모 키를 가진 선형 배열을 비롯한 다양한 데이터 소스에 다이어그램을 바인딩할 수 있으며, 노드와 관계를 자동으로 렌더링할 수 있습니다.

Templates

템플릿을 사용하여 도구상자 도형을 사용자 지정함으로써, 도구상자에서 도형이 표시되는 방식을 정의하고 맞춤형 도형 옵션을 제공하여 사용자 경험을 향상시킵니다.

UI Tools Customization

컨텍스트 메뉴, 속성 패널, 도구상자, 툴바와 같은 대화형 구성 요소를 구성하여 다이어그램 편집 환경을 사용자 지정합니다.

Export and Import

다이어그램을 JSON 형식으로 불러오고 저장하며, 통합 또는 문서화 목적으로 SVG, PNG 및 JPEG와 같은 이미지 형식으로 시각적 요소를 내보낼 수 있습니다.

Responsive Design and Accessibility

터치 지원과 다양한 사용자의 접근성을 위한 표준을 준수하는 접근성 기능을 갖추어 데스크톱 및 모바일 기기를 지원하도록 설계되었습니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular