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입니다.