이 페이지는 Cloud Translation API를 통해 번역되었습니다.

Class Charts

스크립트에서 차트를 만드는 진입점입니다.

이 예에서는 기본 데이터 표를 만들고, 면적 차트에 데이터를 채우고, 웹페이지에 이미지로 추가합니다.

function doGet() {
  const data = Charts.newDataTable()
                   .addColumn(Charts.ColumnType.STRING, 'Month')
                   .addColumn(Charts.ColumnType.NUMBER, 'In Store')
                   .addColumn(Charts.ColumnType.NUMBER, 'Online')
                   .addRow(['January', 10, 1])
                   .addRow(['February', 12, 1])
                   .addRow(['March', 20, 2])
                   .addRow(['April', 25, 3])
                   .addRow(['May', 30, 4])
                   .build();

  const chart = Charts.newAreaChart()
                    .setDataTable(data)
                    .setStacked()
                    .setRange(0, 40)
                    .setTitle('Sales per Month')
                    .build();

  const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  const imageUrl = `data:image/png;base64,${encodeURI(imageData)}`;
  htmlOutput.append('Render chart server side: <br/>');
  htmlOutput.append(`<img border="1" src="${imageUrl}">`);
  return htmlOutput;
}

속성

속성	유형	설명
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	소스의 숨겨진 측정기준이 차트에 표현되는 방식을 열거합니다.
`ChartMergeStrategy`	`ChartMergeStrategy`	소스의 여러 범위가 차트에 표현되는 방식을 열거합니다.
`ChartType`	`ChartType`	차트 서비스에서 지원하는 차트 유형의 열거형입니다.
`ColumnType`	`ColumnType`	`DataTable`의 열에 유효한 데이터 유형의 열거형입니다.
`CurveStyle`	`CurveStyle`	차트의 곡선 스타일의 열거입니다.
`PointStyle`	`PointStyle`	선의 점 스타일의 열거형입니다.
`Position`	`Position`	차트 내 범례 위치의 열거형입니다.

메서드

메서드	반환 유형	간략한 설명
`newAreaChart()`	`AreaChartBuilder`	Google 차트 도구 문서에 설명된 대로 면적 차트 빌드를 시작합니다.
`newBarChart()`	`BarChartBuilder`	Google 차트 도구 문서에 설명된 대로 막대 그래프 빌드를 시작합니다.
`newColumnChart()`	`ColumnChartBuilder`	Google 차트 도구 문서에 설명된 대로 열 차트 빌드를 시작합니다.
`newDataTable()`	`DataTableBuilder`	값을 수동으로 설정할 수 있는 빈 데이터 표를 만듭니다.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	새 데이터 뷰 정의를 만듭니다.
`newLineChart()`	`LineChartBuilder`	Google 차트 도구 문서에 설명된 대로 선 차트 빌드를 시작합니다.
`newPieChart()`	`PieChartBuilder`	Google 차트 도구 문서에 설명된 대로 원형 차트 빌드를 시작합니다.
`newScatterChart()`	`ScatterChartBuilder`	Google 차트 도구 문서에 설명된 대로 산점 차트 빌드를 시작합니다.
`newTableChart()`	`TableChartBuilder`	Google 차트 도구 문서에 설명된 대로 표 차트 빌드를 시작합니다.
`newTextStyle()`	`TextStyleBuilder`	새 텍스트 스타일 빌더를 만듭니다.

자세한 문서

`newAreaChart()`

Google 차트 도구 문서에 설명된 대로 면적 차트 빌드를 시작합니다.

리턴

AreaChartBuilder: 면적 차트를 빌드하는 데 사용할 수 있는 AreaChartBuilder입니다.

`newBarChart()`

Google 차트 도구 문서에 설명된 대로 막대 그래프 빌드를 시작합니다.

리턴

BarChartBuilder: 막대 그래프를 빌드하는 데 사용할 수 있는 BarChartBuilder입니다.

`newColumnChart()`

Google 차트 도구 문서에 설명된 대로 열 차트 빌드를 시작합니다.

리턴

ColumnChartBuilder: 열 차트를 빌드하는 데 사용할 수 있는 ColumnChartBuilder입니다.

`newDataTable()`

값을 수동으로 설정할 수 있는 빈 데이터 표를 만듭니다.

데이터 표에는 모든 차트 유형의 데이터가 포함됩니다.

리턴

DataTableBuilder: 차트의 데이터를 보유할 수 있는 DataTableBuilder입니다.

`newDataViewDefinition()`

새 데이터 뷰 정의를 만듭니다.

setter를 사용하여 데이터 뷰의 다양한 속성을 정의합니다.

리턴

DataViewDefinitionBuilder: 데이터 뷰 정의를 빌드하는 데 사용할 수 있는 DataViewDefinitionBuilder입니다.

`newLineChart()`

Google 차트 도구 문서에 설명된 대로 선 차트 빌드를 시작합니다.

리턴

LineChartBuilder: 선 차트를 빌드하는 데 사용할 수 있는 LineChartBuilder입니다.

`newPieChart()`

Google 차트 도구 문서에 설명된 대로 원형 차트 빌드를 시작합니다.

리턴

PieChartBuilder: 원형 차트를 빌드하는 데 사용할 수 있는 PieChartBuilder입니다.

`newScatterChart()`

Google 차트 도구 문서에 설명된 대로 산점 차트 빌드를 시작합니다.

리턴

ScatterChartBuilder: 산점 차트를 빌드하는 데 사용할 수 있는 ScatterChartBuilder입니다.

`newTableChart()`

Google 차트 도구 문서에 설명된 대로 표 차트 빌드를 시작합니다.

리턴

TableChartBuilder: 테이블 차트를 빌드하는 데 사용할 수 있는 TableChartBuilder입니다.

`newTextStyle()`

새 텍스트 스타일 빌더를 만듭니다.

기본값을 변경하려면 setter 함수를 사용하세요.

리턴

TextStyleBuilder: 텍스트 스타일 구성 객체를 빌드하는 데 사용할 수 있는 TextStyleBuilder입니다.