[]
SpreadJS는 사용자가 스프레드시트에서 데이터를 시각화할 때 차트 제목을 구성할 수 있도록 지원합니다. 차트 제목은 차트에 부여된 이름을 의미합니다.
사용자는 Chart 클래스의 title 메서드를 사용하여 차트에 제목을 추가할 수 있습니다. 이 메서드에서 제공하는 다양한 사용자 지정 옵션을 사용하여 차트에 사용자 지정 텍스트를 설정하거나, 글꼴 패밀리를 정의하거나, 글꼴 크기와 글꼴 색상을 변경하는 등의 작업을 수행할 수 있습니다.
기본 구성 요소를 사용자 지정한 차트가 아래에 표시되어 있습니다. 이 차트의 제목은 "Annual Sales Record"입니다.
다음 코드 샘플은 차트에 사용자 지정 제목을 구성하는 방법을 보여줍니다.
Ask ChatGPT
var activeSheet = spread.getActiveSheet();
activeSheet.suspendPaint();
// 차트를 위한 데이터 준비
activeSheet.setValue(0, 1, "Y-2016");
activeSheet.setValue(0, 2, "Y-2017");
activeSheet.setValue(0, 3, "Y-2018");
activeSheet.setValue(1, 0, "Mobile Phones");
activeSheet.setValue(2, 0, "Laptops");
activeSheet.setValue(3, 0, "Tablets");
for (var r = 1; r <= 3; r++)
{
for (var c = 1; c <= 3; c++) {
activeSheet.setValue(r, c, parseInt(Math.random() * 10000));
}
}
// 차트 추가
var chart = activeSheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.columnClustered, 20, 110, 550, 250, "A1:D4");
// 차트 제목 구성
var title = chart.title();
title.text = "Annual Sales Record";
title.fontFamily = "Cambria";
title.fontSize = 28;
title.color = "#696969";
chart.title(title);