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

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

WBOY
풀어 주다: 2023-09-19 08:13:02
앞으로
1418명이 탐색했습니다.

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿