# Recharts

9개의 포스트

Recharats

Recharts는 데이터를 차트로 시각화 할 수 있는 라이브러리다X축의 값datakey : 특정 data의 값으로 X축 보여줄 때 사용interval : tick의 값을 얼마정도로 지정할 것인지, 0으로 지정하면 모든 tick들을 보여준다이외에 tickSize, sty

어제
·
0개의 댓글
·
post-thumbnail

[실용적인 데이터 시각화 for FE] - 2. 라인/파이/바 차트

본 시리즈는 프론트엔드 엔지니어로서 데이터 시각화에 대한 실용적이고 실무적인 내용을 다룬 글로 개인 경험을 토대로 작성되어 다소 주관적인 내용을 내포하고 있습니다.!codesandbox2-chart-examples-pm1l8o?fontsize=14&hidenavigat

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

📊recharts 이용하여 차트 만들기

useSearchParams 를 이용하여 새로고침해도 필터링을 유지하는 차트 만들기

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[PROJECT] STOCKULATOR 정리

주식 API 로 가져온 정보를 이용해 간단한 계산기를 만들어보자!TypeScript ReactExpress AWS RDSMaterial-UI RechartsTypeScript 연습과 함께 다양한 API 를 이용해보며 차트그려보기제작 중 데이터베이스의 필요성을 느끼고 A

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

recharts 로 LineChart 구현하기

import { LineChart, : 가로길이, 세로길이를 정한다. Line, XAxis, YAxis, CartesianGrid, Tooltip, : 마우스가 차트로 이동했을때 좌표의 데이터를 나타낸다. Legend,} from

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

React - Rechart로 차트 그리기

리액트에는 여러가지 차트 라이브러리가 존자핸다. Recharts Nivo Chart.js

2022년 6월 7일
·
0개의 댓글
·
post-thumbnail

11) 인기짱 라이브러리들을 쓰자! ant-design! 이벤트 버블링! 근데 이번주 월화수목금은 25시간 잘수있을까 (?) (code-camp fe 6기)

goodmorning self study이제 알고리즘이 어렵다 나에게 너무...풀었던 문제도 다시 푸는 습관을 들여야한다.. 이문제는 풀이보고 겨우 이해한 문제이고..! 이문제는 풀이를 찾아보고도 이해못한 문제 ^^>...눈물나네 아침부터 굿모닝 아니네.... 이따 알

2022년 3월 28일
·
0개의 댓글
·
post-thumbnail

[React] Recharts 차트 라이브러리 커스텀하는 방법

리차트 라이브러리 커스텀 하나 때문에 이틀 보내고 쓰는 글

2021년 1월 27일
·
0개의 댓글
·

[React] Recharts 차트 라이브러리 사용법

한전 데이터를 시각화하는 업무를 맡게 됐다. 사업장의 년도별, 월별, 일별, 시간별 사용량/요금현황 데이터를 차트로 한번에 보여주어야 한다. 나는 가장 군더더기 없는 Recharts 라이브러리를 선택해보았다.

2021년 1월 26일
·
3개의 댓글
·