차트
Sparkline
별도 컴포넌트가 아니라 축을 뺀 작은 LineChart예요.
높이와 여백만 줄이면 돼요.
삼성전자+12.69%
NAVER-13.34%
애플+14.18%
이더리움-22.97%
사용법
import { LineChart } from '@funnest/charts-react';
<LineChart
series={[{ id: 's', data: last30Days, color: up ? '#F04452' : '#3182F6' }]}
height={32}
inset={2}
strokeWidth={1.5}
animate={false}
/>속성
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
height | number | 240 | 스파크라인은 28~40 정도. |
inset | number | 8 | 2~3으로 줄이면 선이 칸을 꽉 채워요. |
animate | boolean | true | 목록에서는 끄는 걸 추천해요. |