Syncfusion Angular Diagram

Syncfusion다이어그램 작성 도구JavaScript

인터랙티브하고 데이터 기반의 다이어그램을 손쉽게 만드세요.

  • 노드 배치를 위한 자동 레이아웃 알고리즘을 지원합니다.
  • 최소한의 코드로 다양한 데이터 소스에 바인딩할 수 있습니다.
  • UML 클래스 다이어그램 도형과 편집 기능을 포함합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Angular Diagram 제품 이미지
Syncfusion Angular Diagram은 개발자가 포괄적인 기능 세트를 통해 복잡하고 인터랙티브한 다이어그램을 구축하고 관리할 수 있도록 지원합니다. 노드의 자동 배치, 다양한 소스에서의 데이터 바인딩, 인터랙티브 편집 기능, UML 다이어그램 작성을 지원하므로, 코드 또는 시각적 인터페이스를 사용해 워크플로, UML 클래스 구조, BPMN 차트를 설계하는 데 적합합니다.

자동 레이아웃

사전 설정된 레이아웃 알고리즘을 기반으로 다이어그램의 노드를 자동으로 배치하여, 수동 위치 지정 없이 시각적 구조를 최적화합니다.

데이터 바인딩

속성을 구성하여 여러 소스의 데이터를 사용해 다이어그램을 채우며, 코드를 작성하지 않고도 노드와 연결선을 생성할 수 있습니다.

인터랙티브 편집

Angular 애플리케이션 내에서 팬, 확대/축소, 스냅, 크기 조정, 회전, 스텐실 사용을 인터랙티브하게 수행할 수 있습니다.

UML 클래스 다이어그램 도형

애플리케이션의 정적 뷰를 반영하는 클래스 다이어그램을 통해 객체 지향 시스템을 모델링할 수 있는 특수 도형을 제공합니다.

실행 취소 및 다시 실행

상호 작용이나 API를 통해 이루어진 변경 사항을 추적하며, 단축키나 명령을 통해 되돌리거나 복원할 수 있도록 지원합니다.

인터랙티브 기능

마우스, 터치스크린 또는 키보드를 사용한 런타임 편집과 상호 작용을 지원하여 다이어그램 조작을 향상합니다.

순서도 및 BPMN 지원

코드 또는 시각적 설계 방식을 통해 워크플로와 비즈니스 프로세스 모델링 표기법의 생성 및 시각화를 지원합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular