# 스파크라인
## Content
스파크라인(Sparkline)은 데이터를 빠르게 시각화하고 셀 내에서 컴팩트한 형태로 변환할 수 있도록 하는 작은 차트입니다. 셀 범위의 데이터를 사용하여 셀 수준에서 데이터를 쉽게 분석할 수 있도록 도와줍니다.
[setSparkline](/spreadjs/api/classes/GC.Spread.Sheets.Worksheet#setSparkline) 메서드를 사용하여 스파크라인 유형을 column, line 또는 winloss로 설정할 수 있으며, 특정 유형의 수식을 사용하여 SpreadJS에서 제공하는 다양한 스파크라인을 만들 수도 있습니다.
또한 제공된 데이터셋과 설정을 사용하여 사용자 정의 스파크라인 수식을 구현하고, [addSparklineEx](/spreadjs/api/classes/GC.Spread.Sheets.Workbook#addSparklineEx) 메서드를 사용하여 해당 사용자 정의 스파크라인을 추가할 수 있습니다.
>type=warning
> 참고: 수식을 사용하여 생성한 스파크라인은 Excel 파일로 내보낼 수 없습니다.
아래 이미지는 [Vbar 스파크라인](/spreadjs/docs/features/sparkmain/sparkvbar)의 실제 사용 예를 보여줍니다. 이 예는 여러 도시의 연간 온도 수준의 추세를 보여주며, 고온과 저온 데이터를 빠르게 파악하는 데 도움이 됩니다.
##
## Sparklines의 유형
다음과 같은 스파크라인 유형을 스프레드시트에서 사용할 수 있습니다. 이미지를 클릭하면 해당 주제로 이동합니다.
| @cols=4:**스파크라인 유형** |
| :------: | :------: | :------: | :------: |
| [](/spreadjs/docs/features/sparkmain/sparkcomp)
**열 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkcomp)
**꺽은선 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkcomp)
**승패 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkarea)
**영역형 스파크라인** |
| **[](/spreadjs/docs/features/sparkmain/sparkpie)원형 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkscatter)
**분산형 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkbullet)
**글머리 기호 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkspread)
**분사형 스파크라인** |
| [](/spreadjs/docs/features/sparkmain/sparkstacked)
**누적형 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkhbar)
**Hbar 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkvbar)
**Vbar 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkboxplot)
**상자 그림 스파크라인** |
| [](/spreadjs/docs/features/sparkmain/sparkvari)
**변량 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkcascade)
**계단식 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkmonth)
**월 스파크라인** | [](/spreadjs/docs/features/sparkmain/sparkyear)
**연도 스파크라인** |
| [](/spreadjs/docs/features/sparkmain/sparkpareto)
**파레토 스파크라인** | [](/spreadjs/docs/features/sparkmain/rangeblock-sparkline)
**범위블록 스파크라인** | [](/spreadjs/docs/features/sparkmain/histogram-sparkline)
**히스토그램 스파크라인** | [](/spreadjs/docs/features/sparkmain/gauge-kpi-sparkline)
**게이지 KPI 스파크라인** |
| [](/spreadjs/docs/features/sparkmain/image-sparkline)
**이미지 스파크라인** |
##
## 스파크라인 그룹화
`sparkline`을 [groupSparkline](/spreadjs/api/classes/GC.Spread.Sheets.Worksheet#groupSparkline) 및 [ungroupSparkline](/spreadjs/api/classes/GC.Spread.Sheets.Worksheet#ungroupSparkline) 메서드를 사용하여 그룹화하거나 그룹 해제할 수 있습니다.
그룹화하면 여러 스파크라인에 변경 사항을 한 번에 적용할 수 있어 시간을 절약할 수 있습니다. 또한 동일한 유형의 스파크라인과 축을 사용하여 그룹으로 쉽게 비교할 수 있습니다.
```javascript
var spread = GC.Spread.Sheets.findControl(document.getElementById('ss'));
var sheet = spread.getActiveSheet();
var s1= sheet.setSparkline(13, 0, data
, GC.Spread.Sheets.Sparklines.DataOrientation.vertical
, GC.Spread.Sheets.Sparklines.SparklineType.line
, setting
);
var s2 =sheet.setSparkline(13, 3, data
, GC.Spread.Sheets.Sparklines.DataOrientation.vertical
, GC.Spread.Sheets.Sparklines.SparklineType.column
, setting
);
var s3= sheet.setSparkline(13, 6, data
, GC.Spread.Sheets.Sparklines.DataOrientation.vertical
, GC.Spread.Sheets.Sparklines.SparklineType.winloss
, setting
);
// 스파크라인 그룹화
var group = sheet.groupSparkline([s1,s2,s3]);
group.sparklineType = GC.Spread.Sheets.Sparklines.SparklineType.column;
// 스파크라인 그룹해제
sheet.ungroupSparkline(group);
```