스크립트에서 차트를 만들기 위한 진입점입니다.
이 예에서는 기본 데이터 테이블을 만들고, 영역 차트에 데이터를 채우고, 이를 이미지로 웹페이지에 추가합니다.
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입니다.