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

스파크라인

스파크라인(Sparkline)은 데이터를 빠르게 시각화하고 셀 내에서 컴팩트한 형태로 변환할 수 있도록 하는 작은 차트입니다. 셀 범위의 데이터를 사용하여 셀 수준에서 데이터를 쉽게 분석할 수 있도록 도와줍니다.


setSparkline 메서드를 사용하여 스파크라인 유형을 column, line 또는 winloss로 설정할 수 있으며, 특정 유형의 수식을 사용하여 SpreadJS에서 제공하는 다양한 스파크라인을 만들 수도 있습니다.


또한 제공된 데이터셋과 설정을 사용하여 사용자 정의 스파크라인 수식을 구현하고, addSparklineEx 메서드를 사용하여 해당 사용자 정의 스파크라인을 추가할 수 있습니다.

참고: 수식을 사용하여 생성한 스파크라인은 Excel 파일로 내보낼 수 없습니다.

아래 이미지는 Vbar 스파크라인의 실제 사용 예를 보여줍니다. 이 예는 여러 도시의 연간 온도 수준의 추세를 보여주며, 고온과 저온 데이터를 빠르게 파악하는 데 도움이 됩니다.




Sparklines의 유형

다음과 같은 스파크라인 유형을 스프레드시트에서 사용할 수 있습니다. 이미지를 클릭하면 해당 주제로 이동합니다.

스파크라인 유형

**columnsparkline.png

열 스파크라인

linesparkline.png

꺽은선 스파크라인

winlosssparkline.png

승패 스파크라인

sparkarea.png

영역형 스파크라인

sparkpie.png원형 스파크라인

sparkscatter.png

분산형 스파크라인

bullet-sparkline.png

글머리 기호 스파크라인

sparkspread.png

분사형 스파크라인

sparkstacked.png

누적형 스파크라인

hbar-sparkline.png

Hbar 스파크라인

vbar-sparkline.png

Vbar 스파크라인

sparkboxplot.png

상자 그림 스파크라인

sparkvari.png

변량 스파크라인

sparkcascade.png

계단식 스파크라인

sparkmonth.png

월 스파크라인

sparkyear.png

연도 스파크라인

pareto-sparkline.png

파레토 스파크라인

rangeblock-spark.png

범위블록 스파크라인

histogram-spark.png

히스토그램 스파크라인

kpi-spark.png

게이지 KPI 스파크라인

imagesparkline.png

이미지 스파크라인


스파크라인 그룹화

sparkline을 groupSparkline 및 ungroupSparkline 메서드를 사용하여 그룹화하거나 그룹 해제할 수 있습니다.

그룹화하면 여러 스파크라인에 변경 사항을 한 번에 적용할 수 있어 시간을 절약할 수 있습니다. 또한 동일한 유형의 스파크라인과 축을 사용하여 그룹으로 쉽게 비교할 수 있습니다.

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);