- SpreadJS 개요
- 시작하기
- JavaScript 프레임워크
- 모범 사례
- 기능
- SpreadJS 템플릿 디자이너
- SpreadJS 디자이너 컴포넌트
- 터치 지원
- 수식 참조
- 가져오기 및 내보내기 참조
- 자주 사용하는 이벤트
- API 문서
- 릴리스 노트
Vbar 스파크라인
셀 값을 사용하여 VBARSPARKLINE 수식을 통해 vbar 스파크라인을 생성할 수 있습니다.
스파크라인은 양수 값의 경우 셀의 아래쪽에서 시작하고, 음수 값의 경우 셀의 위쪽에서 시작합니다. 값이 100%보다 크거나 -100%보다 작으면 화살표가 표시됩니다.
vbar 스파크라인 수식에는 다음과 같은 옵션이 있습니다:
옵션 | 설명 |
|---|---|
value | 막대의 길이를 나타내는 숫자 또는 참조입니다. 값은 |
colorScheme | 막대의 색상을 나타내는 문자열입니다. 이 설정은 선택 사항이며, 기본값은 |
axisVisible | 축을 표시할지 여부를 나타내는 불리언 값입니다. 기본값은 |
barWidth | 셀 너비에 대한 막대 너비의 비율을 나타내는 |
vbar 스파크라인 수식의 형식은 다음과 같습니다:
=VBARSPARKLINE(value, colorScheme, axisVisible, barWidth)
다음 코드 샘플은 vbar 스파크라인을 생성하는 예시입니다.
Ask ChatGPT
// Spread 초기화
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });
// activesheet 가져오기
var activeSheet = spread.getSheet(0);
activeSheet.setValue(0, 0, .4);
activeSheet.setValue(1, 0, -.4);
activeSheet.setValue(2, 0, 2);
activeSheet.setFormula(0, 1, '=VBARSPARKLINE(A1,"red", FALSE, 0.8)');
activeSheet.setFormula(1, 1, '=VBARSPARKLINE(A2,"blue")');
activeSheet.setFormula(2, 1, '=VBARSPARKLINE(A3,"green", TRUE, A3)');
for (var i = 0; i < 4; i++) {
activeSheet.setRowHeight(i, 50);
}