Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 크래프톤정글
- userprog
- defee
- Vue.js
- 백준
- JavaScript
- pintos
- 자바
- 스택
- Flutter
- Java
- 나만무
- 자바스크립트
- 4기
- 크래프톤 정글
- 핀토스
- 오블완
- 사이드프로젝트
- 코드트리
- 소켓
- 시스템콜
- CSS
- 티스토리챌린지
- TiL
- corou
- 리액트
- 큐
- 모션비트
- HTML
- 알고리즘
Archives
- Today
- Total
목록react-chartjs-2 (1)
미새문지
24.10.23 day82 chart.js
chart.js는 데이터를 시각화하기 위해 사용하는 차트 라이브러리이다.차트를 직접 작성해도 되지만, 기본적으로 여러 종류의 차트가 들어있는 chart 라이브러리를 사용하는게 편리하고 좋기 때문에 자주 사용된다.리액트에선 주로 chart.js와 react-chartjs-2를 같이 쓰는데, 이는 차트를 사용하기 편하게 컴포넌트 형식으로 만든 코드이다. chart.js의 차트 종류에는 line, bar, radar, pie, bubble 등의 수많은 차트가 존재하며, 사용하고 싶은 파트를 react-chartjs-2로 가져와 사용하면 된다.chart.js 기본 코드import React from "react";import { Line } from "react-chartjs-2";import { Chart ..
개발 TIL
2024. 10. 23. 21:52