Watch Web

  • 홈
  • Dive into Web Accessibility
  • Development
  • Start JavaScript
  • 방명록

리액트 chart.js 1

Chart.js 사용하기

개요 리액트에서 chart.js 사용하기 그래프 구현을 위해 chart.js 를 사용하면서, 처음 사용할 때 어려웠던 점. 불편했던 점을 정리 내가 어려웠던 점은 크게 3가지가 있었다. 리액트에서 사용하기 Object 다루기 그래프에 특정 색 할당하기 그럼 chart.js 의 기본 구조에 대해 정리하고, 위 3가지를 공유해보겠다. 기본 설정 chart.js : 3.9.1 버전 react-chartjs-2 : 4.3.1 버전 react-chartjs 라고 해도 기본적으로 chart.js 를 기반으로 하고 있다는 것을 잊지 말자. chart.js 의 기본 구조 const ctx = document.getElementById('myChart'); new Chart(ctx, { type: 'bar', data:..

Development 2022.12.19
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (38)
    • Dive into Web Accessibility (14)
    • Development (10)
    • Start JavaScript (12)
    • Extra (2)

Tag

점핏 투 프론트엔드, 한국형웹콘텐츠접근성지침2.1, fatal error: An error occurred (AccessDenied) when calling the ListObjectsV2 operation: Access Denied, 자바스크립트 100제, github action s3 error, web accessibility, github action ListObjectsV2 error, 프론트엔드 컨퍼런스, 웹 접근성, github action s3 설정 에러, 점핏 개취콘, ListObjectsV2, fe컨퍼런스, github action error, ListObjectsV2 error, <botocore.awsrequest.AWSRequest object at 0x7fb140ffb010>, github action ci/cd error, 점핏 컨퍼런스, JavaScript 100제, JUMPIT TO FRONT-END,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

email: postop09@naver.com

티스토리툴바