# 차트에서 N/A 셀 표시

## Content

SpreadJS는 차트에서 `#N/A` 셀을 빈 셀로 표시하는 기능을 지원합니다. SpreadJS API의 [displayNaNAsBlank](/spreadjs/api/v19/classes/GC.Spread.Sheets.Charts.Chart#displayNaAsBlank) 속성을 `true`로 설정하면, `#N/A` 값을 포함하는 셀을 빈 셀로 간주합니다.
`displayNaNAsBlank`가 `true`로 설정되면, 차트에 플롯된 빈 셀의 표시 방식은 [displayBlanksAs](/spreadjs/api/v19/classes/GC.Spread.Sheets.Charts.Chart#displayBlanksAs) 메서드의 설정 값에 따라 달라집니다. 이 속성은 다음 세 가지 값 중 하나를 가질 수 있습니다:

* **Connected** - `#N/A` 값이 차트에서 '연결된 선'으로 표시됨
* **Gaps** - `#N/A` 값이 차트에서 '빈 공간'으로 표시됨
* **Zero** - `#N/A` 값이 차트에서 '0 값'으로 표시됨

차트에서 빈 셀을 표시하는 방법에 대한 자세한 내용은 [차트에서 빈 셀 표시](/spreadjs/docs/v19/features/Charts/display-empty-cells-in-chart)를 참고하시기 바랍니다.
아래 스크린샷은 `#N/A` 값을 포함한 데이터를 기반으로 생성된 차트를 보여줍니다. 이 차트는 `#N/A` 값을 빈 공간으로 표시한 예시입니다.
![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/emptyCells.PNG)

그러나 `displayNaNAsBlank`가 `false`로 설정된 경우, `#N/A` 값의 표시 방식은 차트 유형에 따라 달라집니다. 예를 들어:

* **세로 막대형, 원형, 가로 막대형 차트**: `#N/A` 값을 빈 공간 또는 0으로 표시
* **분산형, 영역형, 주식형 차트**: `#N/A` 값을 빈 공간으로 표시
* **꺾은선형, 방사형 차트**: `#N/A` 값을 연결된 선으로 표시

>type=warning
> 참고: 선버스트 및 트리맵 차트에서는 차트 데이터 내에 `#N/A` 셀을 허용하지 않습니다.

다음은 차트에서 `#N/A` 값을 빈 셀로 표시하는 방법을 보여주는 코드 샘플입니다. 여기서 `displayBlanksAs` 메서드는 빈 셀을 빈 공간으로 표시하도록 설정합니다.

```JavaScript
// 활성시트 가져오기
var activeSheet = spread.getActiveSheet();
// 배열 생성
var na_error = GC.Spread.CalcEngine.Errors.NotAvailable;
var dataArray = [
    ["", "Apple", "Samsung", "LG", "Motorola", "OnePlus"],
    ["Jan", 2, na_error, 3, 4, 5],
    ["Feb", na_error, 3, na_error, 5, 6],
    ["Mar", 3, 4, 5, na_error, 7],
];
// 데이터 설정
activeSheet.setArray(0, 0, dataArray);

// 차트 추가
var chart = activeSheet.charts.add('Chart', GC.Spread.Sheets.Charts.ChartType.area, 2, 85, 350, 350, 'A1:F4');

// displayNaNAsBlank는 #N/A 값을 "빈 셀"로 처리하도록 설정
chart.displayNaNAsBlank(true);
// displayBlanksAs는 빈 셀이 차트에서 어떻게 표시될지를 설정 예: zero / gaps / connected
chart.displayBlanksAs(GC.Spread.Sheets.Charts.DisplayBlanksAs.gaps);

// 차트 제목 설정
chart.title({ text: "Display NAN As Blank" });
```