250x250
반응형
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
- 공연티켓
- Ai
- exceljs
- Kaikas
- jquery
- Remix
- Python
- 배포
- 블록체인
- React
- threejs
- NextJS
- Laravel
- nginx
- CSS
- 오블완
- chatGPT
- node
- Setting
- netfunnel
- miniconda
- polygon
- 티스토리챌린지
- metamask
- nodejs
- PM2
- nft
- 회고
- pagination
- 라라벨
Archives
- Today
- Total
목록bar (1)
박주니 개발 정리
react에서 chartjs를 이용해서 bar chart 사용 방법
1. npm install chart.js를 합니다. 2. 제공하는 코드를 사용합니다. chartjs의 구성에 맞춰서 넣은 것이기 때문에 기본폼이라고 생각하고 복사해서 붙여놓으시면 됩니다. import React, { useEffect, useRef } from "react"; import { Chart, registerables } from "chart.js"; const BarChart = () => { const chartRef = useRef(null); let chartInstance = null; useEffect(() => { const ctx = chartRef.current.getContext("2d"); const createChart = () => { Chart.register(.....
react
2023. 6. 28. 15:31