designer DK의 블로그

  • 홈
  • 태그
  • 방명록

null 1

chart.js를 이용해서 그래프 구현하기 (서울시 유치원 정보 사이트 프로젝트 ep.4)

서울시 유치원 정보 사이트 프로젝트 개발의 디테일 페이지에서  학급수와 유아수 데이터를 그래프화하는 작업을 진행하였다. 구글로 서치해본 결과 chart.js라는 것을 쓰면 효과적으로 구현할 수 있을 것 같아서 그걸 이용해서 제작해 보았다. 홈페이지 가보면 매우 다양한 그래프 타입을 사용 가능한 것, 그리고 생각보다 굉장히 디테일한 설정까지 가능한 것을 확인할 수 있었다.  일단 html 쪽에 스크립트 태그안에 소스를 cdn 방식으로 불러와서 chart.js 사용할 준비.script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.min.js">script> 그리고 그래프를 넣어줄 html쪽에  캔버스라는 태그를 만들어주었다. 여기..

나의 개발 일지 2024.09.06
이전
1
다음
더보기
프로필사진

designer DK의 블로그

designer DK의 블로그 입니다.

250x250
  • 분류 전체보기 (92)
    • GRAFFIN (16)
    • 나의 개발 일지 (57)
    • UX UI 포트폴리오 (1)
    • 생활 팁 (3)
    • 일상 (2)
    • 생각 (1)
    • 디자인 & 모션 팁 (1)
    • 블렌더 팁 (5)
    • 자료 (1)

Tag

javascript, 풀스택, node.js, graffin, 개발, 서울시유치원, nodejs, 백엔드, CSS, 자바스크립트, netlify, stock, blender, mongoDB, UX, API, 배포, 웹컴포넌트, 프론트엔드, 페이지네이션,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/07   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

  • MY 유튜브 채널

티스토리툴바