react line chart (1) 썸네일형 리스트형 [React] 리액트 라인차트 (Line Chart) 컴포넌트 만들기 지난 글에 이어 이번에는 SVG를 활용하여 라인 차트를 그리고 react-spring으로 애니메이션 효과를 추가해 주었다.차트의 데이터 배열, 최대 데이터 수, 차트의 Y축의 최댓값을 받아 변형되는 라인차트 컴포넌트를 만들었다. RN으로도 해당 차트를 그리기도 했었는데, RN의 경우에는 이 코드를 많이 참고했었다.https://github.com/indiespirit/react-native-chart-kit/tree/master LineChart.tsximport { useCallback, useEffect, useRef, useState } from "react";import { useSpring, animated } from "react-spring";const DEFAULT_FILL_COLOR = .. 이전 1 다음
