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

카메라 도형

카메라 도형은 이름에서 알 수 있듯이, 스프레드시트의 참조 영역을 반영한 거울 이미지(mirror image)입니다. 이는 동적 이미지로, 참조된 영역에 변경이 생기면 이미지에도 해당 변경 사항이 반영됩니다.

카메라 도형은 이동, 크기 조정, 회전이 가능하며, Excel 입출력(Excel I/O)도 지원됩니다. 또한 다른 도형들과 그룹화 및 그룹 해제, 시트 간 복사 및 붙여넣기도 가능합니다.


제한 사항

  • SpreadJS에서 카메라 도형은 지정된 셀 범위 내의 그림, 도형 또는 차트를 캡처하지 않습니다.

  • 텍스트 편집, 텍스트 서식, 조정 기능은 지원되지 않습니다.

참고: 카메라 도형에 그림, 도형 또는 차트가 포함되어 있고 이를 Excel로 내보낼 경우, SpreadJS에서 지원되지 않는 개체(그림, 도형, 차트)는 Excel에서는 표시됩니다.

사용 시나리오

예를 들어, 슈퍼마켓 내 다양한 제품의 매출 데이터를 관리하여 판매 추세를 분석하는 경우를 생각해보시기 바랍니다. 과일, 채소, 제과, 육류 등 각 제품군의 데이터는 개별 시트에 유지되고 있습니다.

요약된 월간 판매 데이터는 통합된 ‘Dashboard’ 시트에 표시되며, 이 시트에는 각 제품군의 매출 데이터를 카메라 도형 형태로 보여줍니다.

제품군의 개별 데이터에 변경이 발생하면, ‘Dashboard’ 시트에도 실시간으로 반영됩니다.



// 시트 가져오기
var sheetDashboard = spread.sheets[0];
var sheet1 = spread.sheets[1];
var sheet2 = spread.sheets[2];
var sheet3 = spread.sheets[3];
var sheet4 = spread.sheets[4];
            
// 시트 이름 설정
sheetDashboard.name("Dashboard");
sheet1.name("Fruits");
sheet2.name("Vegetables");
sheet3.name("Meat");
sheet4.name("Bakery");

// sheetAreaOffset 옵션 설정
sheetDashboard.options.sheetAreaOffset = { left: 1, top: 1 };
// 눈금선 숨기기
sheetDashboard.options.gridline = { showVerticalGridline: false, showHorizontalGridline: false };
// 열/행 머리글 숨기기
sheetDashboard.options.colHeaderVisible = false;
sheetDashboard.options.rowHeaderVisible = false;
// 셀 선택 영역 지우기 및 selectionBordercolor 변경
sheetDashboard.clearSelection();
sheetDashboard.options.selectionBorderColor = "transparent";

// Dashboard 시트에 카메라 도형 추가
var CameraShape1 = sheetDashboard.shapes.addCameraShape("CameraShape1", "Fruits!A1:C8", 30, 45, 340, 330);
var CameraShape2 = sheetDashboard.shapes.addCameraShape("CameraShape2", "Vegetables!A1:C7", 440, 45, 340, 330);
var CameraShape3 = sheetDashboard.shapes.addCameraShape("CameraShape3", "Meat!A1:C6", 30, 400, 340, 330);
var CameraShape4 = sheetDashboard.shapes.addCameraShape("CameraShape4", "Bakery!A1:C8", 440, 400, 340, 330);