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

누적형 스파크라인

셀 값을 사용하여 STACKEDSPARKLINE 수식을 통해 스택형 스파크라인을 생성할 수 있습니다.




스택형 스파크라인 수식에는 다음과 같은 옵션이 있습니다:

옵션

설명

Points

값이 포함된 셀 범위를 나타내는 참조입니다. 예: "A1:A4"

ColorRange

모든 색상이 포함된 셀 범위를 나타내는 참조입니다. 예: "B1:B4" (선택 사항, 기본값: 자동 생성된 색상)

LabelRange

모든 레이블이 포함된 셀 범위를 나타내는 참조입니다. 예: "C1:C4" (선택 사항, 기본값: 없음)

Maximum

스파크라인의 최대값을 나타내는 숫자입니다. (선택 사항, 기본값: 모든 양수 값의 합계)

TargetRed

빨간색 선의 위치를 나타내는 숫자입니다. (선택 사항, 기본값: 없음)

TargetGreen

초록색 선의 위치를 나타내는 숫자입니다. (선택 사항, 기본값: 없음)

TargetBlue

파란색 선의 위치를 나타내는 숫자입니다. (선택 사항, 기본값: 없음)

TargetYellow

노란색 선의 위치를 나타내는 숫자입니다. (선택 사항, 기본값: 없음)

Color

colorRange가 생략되었을 때 사용할 색상을 나타내는 문자열입니다. (선택 사항, 기본값: "#646464")

HighlightPosition

강조 표시할 영역의 인덱스를 나타내는 숫자입니다. (선택 사항, 기본값: 없음)

Vertical

스파크라인을 세로로 표시할지 여부를 나타내는 불리언 값입니다. (선택 사항, 기본값: false)

TextOrientation

레이블 텍스트 방향을 나타내는 숫자입니다. (선택 사항, 기본값: 0(수평), 1은 수직)

TextSize

레이블 텍스트 크기를 나타내는 숫자입니다. 단위는 px이며, (선택 사항, 기본값: 10)

스택형 스파크라인 수식의 형식은 다음과 같습니다:

=STACKEDSPARKLINE(points, colorRange?, labelRange?, maximum?, targetRed?, targetGreen?, targetBlue?, tragetYellow?, color?, highlightPosition?, vertical?, textOrientation?, textSize?)


다음 코드 샘플은 스택형 스파크라인을 생성하는 예시입니다.

Ask ChatGPT

activeSheet.addSpan(0, 0, 1, 5);
activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).value("Sales by State").font("20px Arial").hAlign(GC.Spread.Sheets.HorizontalAlign.center).vAlign(GC.Spread.Sheets.VerticalAlign.center);
var table1 = activeSheet.tables.add("table1", 1, 0, 6, 5, GC.Spread.Sheets.Tables.TableThemes.light12);
table1.filterButtonVisible(false);
activeSheet.setValue(1, 0, "State");
activeSheet.setValue(1, 1, "Product 1");
activeSheet.setValue(1, 2, "Product 2");
activeSheet.setValue(1, 3, "Product 3");
activeSheet.setValue(1, 4, "Diagram");
activeSheet.setValue(2, 0, "Idaho");
activeSheet.setValue(2, 1, 10000);
activeSheet.setValue(2, 2, 12000);
activeSheet.setValue(2, 3, 15000);
activeSheet.setValue(3, 0, "Montana");
activeSheet.setValue(3, 1, 11000);
activeSheet.setValue(3, 2, 10000);
activeSheet.setValue(3, 3, 15000);
activeSheet.setValue(4, 0, "Oregon");
activeSheet.setValue(4, 1, 10000);
activeSheet.setValue(4, 2, 17000);
activeSheet.setValue(4, 3, 12000);
activeSheet.setValue(5, 0, "Washington");
activeSheet.setValue(5, 1, 15000);
activeSheet.setValue(5, 2, 10000);
activeSheet.setValue(5, 3, 15000);
activeSheet.setValue(6, 0, "Utah");
activeSheet.setValue(6, 1, 10000);
activeSheet.setValue(6, 2, 15000);
activeSheet.setValue(6, 3, 12000);
activeSheet.setValue(7, 1, "orange");
activeSheet.setValue(7, 2, "purple");
activeSheet.setValue(7, 3, "yellowgreen");
activeSheet.getRange(-1, 1, -1, 1).formatter("$#,##0");
activeSheet.getRange(-1, 2, -1, 1).formatter("$#,##0");
activeSheet.getRange(-1, 3, -1, 1).formatter("$#,##0");
activeSheet.setFormula(2, 4, '=STACKEDSPARKLINE(B3:D3,B8:D8,B2:D2,40000)');
activeSheet.setFormula(3, 4, '=STACKEDSPARKLINE(B4:D4,B8:D8,B2:D2,40000)');
activeSheet.setFormula(4, 4, '=STACKEDSPARKLINE(B5:D5,B8:D8,B2:D2,40000)');
activeSheet.setFormula(5, 4, '=STACKEDSPARKLINE(B6:D6,B8:D8,B2:D2,40000)');
activeSheet.setFormula(6, 4, '=STACKEDSPARKLINE(B7:D7,B8:D8,B2:D2,40000)');
activeSheet.setRowHeight(0, 50);
activeSheet.setRowHeight(1, 25);
for (var i = 2; i < 7; i++) {
  activeSheet.setRowHeight(i, 45);
}
activeSheet.setRowHeight(7, 0);
activeSheet.setColumnWidth(0, 100);
activeSheet.setColumnWidth(1, 120);
activeSheet.setColumnWidth(2, 120);
activeSheet.setColumnWidth(3, 120);
activeSheet.setColumnWidth(4, 200);