자바 스크립트 차트 그리기 기본

SeoYehJoon·2023년 9월 13일




전체 코드

결과





해당 코드의 의미는무엇일까?
=>char JS를 사용하기 위한 코드 아래 링크에 들어가면 상세히 나와있다.


출처: https://mieumje.tistory.com/56





나중에 차트 생성자 - new Chart() - 에 전달해줄 datasets
=>label( 데이터 이름 ), 실제 데이터값, 색상 등을 정의해준다

--> 이게 레이블임





역시 차트 생성자 - new Chart() - 에 전달해줄 option




ctx<body>태그 안쪽의 canvas 태그를 가져온것

labels는 이것과 대응된다. datasets안쪽의 label과는 다르다.






이상으로 자바스크립트에서 차트를 그리는 기본 문법을 알아보았다.

0개의 댓글