inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

[실습] LineChart 제작 및 차트 충돌 문제 해결

코드 내용이 변경되어 어떻게 처리해야할지 모르겠습니다

318

뷰린이탈출대작전

작성한 질문수 32

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
 
일단 getting started에 있는 차트 코드가 그전이랑 지금이랑
변동이 되어서 어떻게 처리해야할지를 모르겠습니다
 
아래와같은 오류가 나고있는 상황이구요 해결법을 알려주시면 감사하겠습니다!
 
 
<script>
import Chart from 'chart.js';

export default {
    mounted() {

  const labels = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
  ];

  const data = {
    labels: labels,
    datasets: [{
      label: 'My First dataset',
      backgroundColor: 'rgb(255, 99, 132)',
      borderColor: 'rgb(255, 99, 132)',
      data: [0, 10, 5, 2, 20, 30, 45],
    }]
  };

  const config = {
    type: 'line',
    data: data,
    options: {}
      };
    }
}
</script>

<style>

</style>

vuejs javascript

답변 2

1

김성훈

일단 사이트 밑에 new Chart로 객체 생성하는 부분을 안가져오신거 같아요 그다음엔 강의 처럼 차트뷰 마다 캔버스 아이디 값 바꾸시면 될거같아요..

저 오류들은 변수 선언은 됐는데 사용하지 않아서 오류 출력된거같고요 new Chart 로 생성할 때 사용해서 오류가 없어질거에요!

아 참 그런다음에 영상처럼 id값만 바꿔주시면 해결될거에요 아마

0

캡틴판교

안녕하세요 뷰린이님, 성훈님이 먼저 잘 답변 남겨주셨네요 :) 답변대로 해보시고 안되면 말씀해 주세요. @김성훈 감사합니다 성훈님! :)

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

161

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

208

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

228

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

437

2

코드가 정상 작동 되는건지 ...

1

303

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

385

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

455

2

권한요청 드립니다!

1

275

2