inflearn logo
강의

講義

知識共有

実践プロジェクトで学ぶTypeScript

最終プロジェクトで取り扱うサイト紹介

chart.js@2.8.0 버전 관련 에러

解決済みの質問

808

xiubin

投稿した質問数 9

2

현재 강의를 수강하는 시점에서 js파일과 index.html 파일로 구성된 프로젝트 파일을 실행해보면 위와 같은 에러가 발생합니다.

정확한 에러 발생 이유는 모르겠으나 chart.js@2.8.0 버전에서 Chart.defaults를 구성하는 프로퍼티들이 변경된 것 같습니다.

그래서 저는 해결 방법으로 현재 버전으로 cdn경로를 수정하여 현재 기준 최신 버전을 받도록 변경했습니다.

"https://cdn.jsdelivr.net/npm/chart.js@3.5.1"

 

그리고 3.5.1버전에서는 생성된 Chart 인스턴스의 datasets 안에 있는 객체에 fill: true 를 추가해야 백그라운드에 색깔이 들어갑니다. 추가하지 않는 경우 디폴트 값으로 false로 되어있는 것 같습니다.

 

이렇게 해결하면 되는게 맞나요 강사님?
위와 관련된 질문이 올라와있지 않길래 남겨봅니다.
강의 잘 듣고 있습니다. 감사합니다 :)

typescript es6

回答 2

2

captain

안녕하세요 씨유삔님, 좋은 질문이네요 :) Chart.js가 3.x 버전대로 올라가면서 타입 선언 파일이 라이브러리 자체에서 지원되는 것으로 알고 있습니다. 지금 나는 에러는 아마 코로나 통계 데이터를 받아오는 Open API의 스펙이 바뀌어서 그럴거예요. 해당 변경 사항은 제가 시간이 되는대로 빠르게 확인해서 수정해 놓겠습니다. 질문 주셔서 감사합니다 :)

0

seeeun

현재 위에 알려주신 내용대로 3.5.1대로 패치를 햇더니 작동은 되지만 reset되는 부분에서는 에러가 나고있습니다. 검색를 해보니 destroy()메서드를 사용하면 된다고 나와있긴한데 이 메서드를 어디서 어떻게 적용해야되는지는 잘 모르겠네요

-

0

140

1

[오류문의] import 에러

0

278

1

api가 중단된 건에 대하여..

1

383

2

프로젝트 완성본 github에 어디있나요?

1

351

2

https://api.covid19api.com/summary에 있는 원격 리소스를 차단

3

788

2

d.ts 컴파일 시 에러 질문 드립니다.

1

623

2

chartjs 타입시.. 직접 declare module chart.js로 하게 되면 내부의 구조를 모를 것 같은데요

1

598

2

COVID19 API 미작동(404) 질문

1

830

2

innerText부분 오류 문의.

1

686

2

Total Recovered가 화면에 0으로 나옵니다.

1

406

1

강의 내용 질문입니다.

2

446

1

요즘 바벨 사용 여부가 궁금합니다.

1

503

1

프로젝트 내 특정 파일만 Typing

1

574

1

소스질문

1

605

1

추후 강의에 관한 질문

2

405

1

rootdir, include 차이가 궁금합니다

1

678

1

Uncaught ReferenceError: exports is not defined 에러 해결

1

1836

1

function $(selector) 관련 질문 드립니다.

1

316

1

Uncaught ReferenceError: exports is not defined

1

472

1

웹팩 에러 문의

1

855

2

innerHTML optional 체이닝

2

1924

1

화살표 함수 문법 소개 글 링크가 잘못되어 있습니다.

1

238

1

실전 적용 관련 질문 입니다.

1

307

1

모듈 알리아스(as) 질문 드립니다.

1

383

1