[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

차트에서 N/A 셀 표시

SpreadJS는 차트에서 #N/A 셀을 빈 셀로 표시하는 기능을 지원합니다. SpreadJS API의 displayNaNAsBlank 속성을 true로 설정하면, #N/A 값을 포함하는 셀을 빈 셀로 간주합니다.

displayNaNAsBlank가 true로 설정되면, 차트에 플롯된 빈 셀의 표시 방식은 displayBlanksAs 메서드의 설정 값에 따라 달라집니다. 이 속성은 다음 세 가지 값 중 하나를 가질 수 있습니다:

  • Connected - #N/A 값이 차트에서 '연결된 선'으로 표시됨

  • Gaps - #N/A 값이 차트에서 '빈 공간'으로 표시됨

  • Zero - #N/A 값이 차트에서 '0 값'으로 표시됨

차트에서 빈 셀을 표시하는 방법에 대한 자세한 내용은 차트에서 빈 셀 표시를 참고하시기 바랍니다.

아래 스크린샷은 #N/A 값을 포함한 데이터를 기반으로 생성된 차트를 보여줍니다. 이 차트는 #N/A 값을 빈 공간으로 표시한 예시입니다.



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

  • Column, Pie, Bar 차트: #N/A 값을 빈 공간 또는 0으로 표시

  • Scatter, Area, Stock 차트: #N/A 값을 빈 공간으로 표시

  • Line, Radar 차트: #N/A 값을 연결된 선으로 표시

참고: Sunburst 및 Treemap 차트에서는 차트 데이터 내에 #N/A 셀을 허용하지 않습니다.

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

// 활성화시트 가져오기
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" });