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

속성

속성유형설명
ChartHiddenDimensionStrategyChartHiddenDimensionStrategy소스의 숨겨진 측정기준이 차트에서 표현되는 방식을 열거합니다.
ChartMergeStrategyChartMergeStrategy소스의 여러 범위가 차트에 표현되는 방식을 열거합니다.
ChartTypeChartType차트 서비스에서 지원하는 차트 유형을 열거합니다.
ColumnTypeColumnTypeDataTable의 열에 유효한 데이터 유형을 열거합니다.
CurveStyleCurveStyle차트의 곡선 스타일을 열거합니다.
PointStylePointStyle선에 있는 점 스타일을 열거합니다.
PositionPosition차트 내 범례 위치를 열거합니다.

방법

메서드반환 유형간략한 설명
newAreaChart()AreaChartBuilderGoogle 차트 도구 문서에 설명된 대로 영역 차트 빌드를 시작합니다.
newBarChart()BarChartBuilderGoogle 차트 도구 문서에 설명된 대로 막대 그래프 빌드를 시작합니다.
newColumnChart()ColumnChartBuilderGoogle 차트 도구 문서에 설명된 대로 열 차트 빌드를 시작합니다.
newDataTable()DataTableBuilder값을 수동으로 설정할 수 있는 빈 데이터 테이블을 만듭니다.
newDataViewDefinition()DataViewDefinitionBuilder새 데이터 보기 정의를 만듭니다.
newLineChart()LineChartBuilderGoogle 차트 도구 문서에 설명된 대로 선 차트 작성을 시작합니다.
newPieChart()PieChartBuilderGoogle 차트 도구 문서에 설명된 대로 원형 차트 빌드를 시작합니다.
newScatterChart()ScatterChartBuilderGoogle 차트 도구 문서에 설명된 대로 분산형 차트 빌드를 시작합니다.
newTableChart()TableChartBuilderGoogle 차트 도구 문서에 설명된 대로 표 차트 작성을 시작합니다.
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입니다.