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

Class Charts

스크립트에서 차트를 만들기 위한 진입점입니다.

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

function doGet() {
  var 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();

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

   var htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
   var imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
   var 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입니다.