Chart
Link : https://apexcharts.com/docs/react-charts
이번엔 차트 탭에 차트 그래프를 넣어보고자 한다.
먼저 설치
npm install --save react-apexcharts apexcharts
다음 doc를 보면서 따라하거나. 아래와 같은 속성이 있다는걸 알아두자
type
차트 유형 (String) (기본값 ‘line’)
series
차트에 표시하려는 데이터 (Array) (기본값 undefined)
width, height
차트의 너비 (String || Number) ( 기본값 ‘100%’)
차트의 높이 (String || Number) (기본값 auto)
options
차트의 구성 옵션 (Object) ( 기본값 {})
Closing Price: "종가"는 일반적으로 일반 거래 세션 동안 주식이 거래되는 마지막 가격을 나타냄
Helmet
React에서 웹사이트 타이틀(탭 이름)을 동적으로 변경할 수 있게 해준다.
설치
npm i react-helmet
npm i --save-dev @types/react-helmet
import { HelmetProvider } from "react-helmet-async";
< Helmet >
< title >Chart< / title >
< / Helmet >
이 경우 타이틀은 Chart 라는 이름으로 출력된다.
