>  기사  >  웹 프론트엔드  >  GoJS HTML5 Canvas 라이브러리를 사용하여 차트와 그래프를 그리는 방법은 무엇입니까?

GoJS HTML5 Canvas 라이브러리를 사용하여 차트와 그래프를 그리는 방법은 무엇입니까?

WBOY
WBOY앞으로
2023-09-19 08:13:021313검색

GoJS는 대화형 차트를 구현하는 데 사용할 수 있는 JavaScript 라이브러리입니다. 이 페이지에서는 GoJS 사용의 필수 사항을 보여줍니다. 차트와 그래프를 추가하려면 이 오픈 소스 라이브러리를 사용하세요.

GoJS에는 모델이 노드와 링크를 설명하는 JavaScript 개체 배열을 보유하는 모델 뷰 아키텍처가 있습니다. 실제 노드 및 링크 개체를 사용하여 이 데이터를 시각화하기 위해 차트는 보기 역할을 합니다.

GoJS로 차트를 작성하면 지정된 DIV 요소 내에 배치할 HTML5 Canvas 요소가 생성됩니다.

차트 그리는 방법

GoJS를 사용하려면 HTML 문서에서 라이브러리를 선언해야 합니다. 이 방법으로 라이브러리도 로드해야 합니다. GoJS 라이브러리 go.js를 로드합니다.

추가하려면 CDNJS에서 얻을 수 있는 GoJS 라이브러리에 링크하세요. 또는 필요한 경우 GoJS 라이브러리를 다운로드할 수 있습니다.

CDNJS를 사용하여 추가하는 방법은 다음과 같습니다. -

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>

참고: 런타임 오류 검사를 위해 개발하는 동안 go-debug.js를 로드하세요. 배포 시 "go.js"를 선택합니다.

如何使用GoJS HTML5 Canvas库绘制图表和图形?

위 내용은 GoJS HTML5 Canvas 라이브러리를 사용하여 차트와 그래프를 그리는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제