본문 바로가기
Error

Uncaught TypeError: Cannot read property 'transition' of null

by 지구 2019. 7. 23.

Uncaught TypeError: Cannot read property 'transition' of null


Chart.js 로 PieChart 를 만들던 중 이런 에러가 발생하였다.


아래처럼 한 페이지에 파이차트를 여러개 사용하면서, 실제 윈도우 객체 1개에 계속 new Chart 를 해주고 있었던게 문제가 되었다.

1
2
3
4
5
6
7
8
9
10
11
12
13
window.pieChart = new Chart(ctx, {
    type : 'pie',
    data : data,
    options : {
        title : {
            display : true,
            fontSize : '16',
            fontColor : '#FFFFFF',
            text : $("#testVal").val() + ' ' + textId + '별 ' + textKind + ' 발생빈도'
        },
        responsive : true
    }
});
cs


new Chart 로 계속 객체를 생성해주면서 소스 마지막 구문에

1
window.pieChart.update();
cs


이 한 줄을 넣어 생성한 파이차트 객체를 업데이트 시켜주면 해결된다 :D... 끝

반응형

댓글