1. 제품
  2.   도표
  3.   JavaScript
  4.   JointJS
 
  

다양한 종류의 다이어그램을 만들고 관리하는 JavaScript API

오픈 소스 자바스크립트 라이브러리는 기본 및 대화형 다이어그램, 계층적 다이어그램, 링크 처리를 생성하고 관리합니다.

JointJS는 소프트웨어 개발자가 다양한 종류의 다이어그램을 만들고 관리하는 작업을 위한 애플리케이션을 빌드하는 데 도움이 되는 강력한 JavaScript 다이어그램 작성 라이브러리입니다. 라이브러리는 JavaScript 명령을 사용하여 기본 및 대화형 다이어그램 생성 및 관리를 지원합니다. 라이브러리는 오픈 소스이며 Mozilla Public License 2.0에 따라 사용할 수 있습니다.

라이브러리는 사용이 매우 간편하며 대화형 요소 및 링크 처리, 사각형, 원, 타원, 텍스트, 이미지 및 경로와 같은 기본 요소 작업, 링크를 통한 다이어그램 요소 연결, 계층적 다이어그램과 같은 몇 가지 중요한 기능에 대한 지원이 포함되어 있습니다. 지원, 직렬화 및 역직렬화 지원, 레이블 및 화살촉이 있는 사용자 지정 가능한 링크, 대화형 요소 및 링크 지원, MVC 아키텍처 등을 사용합니다.

JointJS 라이브러리는 Google Chrome, Firefox, Safari, Opera, IE 11, MSEdge 등과 같은 널리 사용되는 브라우저에서 실행할 수 있는 응용 프로그램을 개발하는 데 사용할 수 있습니다. 최신 라이브러리를 사용할 수도 있습니다. ERD, 조직도, FSA, UML, PN, DEVS 등과 같은 잘 알려진 다이어그램의 바로 사용할 수 있는 다이어그램 요소도 완벽하게 지원합니다.

Previous Next

JointJS 시작하기

JointJS 라이브러리를 설치하는 권장 방법은 NPM을 사용하는 것입니다. 원활한 설치를 위해 다음 명령어를 사용해주세요.

NPM을 통해 JointJS 설치

 npm install

JavaScript API를 통한 다이어그램 생성 및 관리

오픈 소스 JointJS 라이브러리를 사용하면 소프트웨어 개발자가 자체 JavaScript 앱 내에서 여러 유형의 다이어그램을 쉽게 만들 수 있습니다. 라이브러리에는 사용자 정의 다이어그램을 쉽게 그리는 데 사용할 수 있는 기본 제공 모양에 대한 지원이 포함되어 있습니다. 시퀀스 다이어그램, ER 다이어그램, UML 클래스 다이어그램 및 UML 상태 차트 다이어그램을 그릴 수 있습니다. 논리 회로, 조직도, 유한 상태 기계, 퍼즐, 체스 등을 쉽게 설계할 수도 있습니다.

사용자 정의 요소 지원

오픈 소스 JointJS 라이브러리에는 JavaScript 앱 내에서 다이어그램을 만드는 데 사용할 수 있는 기본 제공 요소가 포함되어 있습니다. 사각형, 텍스트, 원, 타원, 이미지, 경로 등과 같은 몇 가지 기본 모양을 사용할 수 있습니다. 이러한 모양을 사용하여 그림을 그릴 수 있습니다. 처음부터 새 요소를 만들 수도 있습니다.

JavaScript를 통한 차트 생성 및 관리

JointJS 라이브러리는 JavaScript 코드를 사용하여 차트 생성 및 관리를 완벽하게 지원합니다. 라이브러리에는 선, 막대, 영역, 콤보 차트, 파이 및 도넛 차트, 손잡이와 같은 여러 유형의 차트에 대한 지원이 포함되어 있습니다. 라이브러리는 또한 크기 조정, 회전, 다른 요소에 연결 등과 같은 차트 조작과 관련된 여러 기능을 제공합니다.

 한국인