Caju

데이터 엔지니어 신영인입니다. 개발하면서 배운 점이나 해결한 문제를 공유하고 있습니다.

JavaScript의 Highcharts를 사용해서 실시간 그래프를 개발하던 중 아래와 같은 오류가 발생했다.

cannot read property series of undefined

JavaScript 내에 선언된 Chart 변수를 찾지 못해서 발생한 오류로 해당 변수를 this로 명시해주면 해결된다.

[수정 전]

1
2
3
4
5
6
7
8
9
10

chart = new Highcharts.Chart({
    chart: {
        height: 300,
        renderTo: 'data-container',
        defaultSeriesType: 'spline',
        events: {
            load: setInterval;
        }
    },
// 후략

[수정 후]

1
2
3
4
5
6
7
8
9
10
11
12
13

chart = new Highcharts.Chart({
    chart: {
        height: 300,
        renderTo: 'data-container',
        defaultSeriesType: 'spline',
        events: {
            load: function() {
                chart = this;
                setInterval;
            }
        }
    },
// 후략

참고