목록Chart (2)

박주니 개발 정리

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
react에서 chartjs를 이용해서 line chart 사용 방법

1. npm install chart.js 를 합니다. 2. 제공하는 코드를 사용합니다. chartjs의 구성에 맞춰서 넣은 것이기 때문에 기본폼이라고 생각하고 복사해서 붙여놓으시면 됩니다. import React, { useEffect, useRef } from "react"; import { Chart, LineController, CategoryScale, LinearScale, PointElement, LineElement, } from "chart.js"; const LineChart = () => { const chartRef = useRef(null); let chartInstance = null; useEffect(() => { const ctx = chartRef.current.getCo..
react 2023. 6. 28. 15:14
이전 Prev 1 Next 다음