[javascript] Highcharts에서 널 값 처리하기

Highcharts는 데이터 시각화를 위한 JavaScript 라이브러리입니다. 데이터 시각화를 할 때, 종종 데이터에 널(null) 값이 포함되어 있을 수 있습니다. 이러한 경우에는 Highcharts에서 널 값에 대한 처리가 필요합니다.

Highcharts에서 널 값 처리하는 방법에는 여러 가지가 있습니다. 이 글에서는 널 값 처리를 위해 null 값을 undefined로 변환하고, NaN 또는 빈 값으로 대체하는 방법을 알아보겠습니다.

1. null 값을 undefined로 변환하기

Highcharts에서는 널 값이 null로 표시될 수 있습니다. 이 경우에는 null 값을 undefined로 변환하면 됩니다.

var data = [null, 10, 20, null, 30];

for (var i = 0; i < data.length; i++) {
  if (data[i] === null) {
    data[i] = undefined;
  }
}

// 변환된 결과인 data 배열을 Highcharts에 전달하여 시각화할 수 있습니다.

2. null 값을 NaN 또는 빈 값으로 대체하기

때로는 널 값 대신에 NaN 또는 빈 값으로 대체하는 것이 더 편리할 수도 있습니다.

var data = [null, 10, 20, null, 30];

for (var i = 0; i < data.length; i++) {
  if (data[i] === null) {
    data[i] = NaN;  // NaN으로 대체하는 경우
    // 또는
    // data[i] = "";  // 빈 값으로 대체하는 경우
  }
}

// 대체된 결과인 data 배열을 Highcharts에 전달하여 시각화할 수 있습니다.

참고 자료

  1. Highcharts 공식 문서