Charts Service
차트
이 서비스를 사용하면 사용자가 Google 차트 도구를 사용하여 차트를 만들고 서버 측에서 렌더링할 수 있습니다.
웹브라우저에서 차트를 렌더링하려면 Google Charts API를 대신 사용하세요.
이 예에서는 기본 데이터 표를 만들고, 면적 차트에 데이터를 채우고, 웹페이지에 이미지로 추가합니다.
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;
}
클래스
속성
속성 | 유형 | 설명 |
IGNORE_BOTH | Enum | 기본값입니다. 차트에서 숨겨진 열과 숨겨진 행을 건너뜁니다. |
IGNORE_ROWS | Enum | 차트는 숨겨진 행만 건너뜁니다. |
IGNORE_COLUMNS | Enum | 차트는 숨겨진 열만 건너뜁니다. |
SHOW_BOTH | Enum | 차트는 숨겨진 열이나 숨겨진 행을 건너뛰지 않습니다. |
속성
속성 | 유형 | 설명 |
MERGE_COLUMNS | Enum | 기본값입니다. |
MERGE_ROWS | Enum | 차트는 여러 범위의 행을 병합합니다. |
속성
속성 | 유형 | 설명 |
TIMELINE | Enum | 타임라인 차트 |
AREA | Enum | 영역 차트 |
BAR | Enum | 막대 그래프 |
BUBBLE | Enum | 풍선형 차트 |
CANDLESTICK | Enum | 원통형 차트 |
COLUMN | Enum | 열 차트 |
COMBO | Enum | 콤보 차트 |
GAUGE | Enum | 게이지 차트 |
GEO | Enum | 지역 차트 |
HISTOGRAM | Enum | 히스토그램 |
RADAR | Enum | 방사형 차트 |
LINE | Enum | 선 차트 |
ORG | Enum | 조직도 |
PIE | Enum | 원형 차트 |
SCATTER | Enum | 분산형 차트 |
SPARKLINE | Enum | 스파크라인 차트 |
STEPPED_AREA | Enum | 계단식 영역 차트 |
TABLE | Enum | 표 차트 |
TREEMAP | Enum | 트리맵 차트 |
WATERFALL | Enum | 폭포식 차트 |
속성
속성 | 유형 | 설명 |
DATE | Enum | 날짜 값에 해당합니다. |
NUMBER | Enum | 숫자 값에 해당합니다. |
STRING | Enum | 문자열 값에 해당합니다. |
속성
속성 | 유형 | 설명 |
NORMAL | Enum | 곡선이 없는 직선 |
SMOOTH | Enum | 선의 각도가 부드럽게 처리됩니다. |
속성
속성 | 유형 | 설명 |
EXACT | Enum | 정확한 값만 일치 |
PREFIX | Enum | 값의 시작 부분부터 접두사 일치 |
ANY | Enum | 모든 하위 문자열 일치 |
메서드
메서드 | 반환 유형 | 간략한 설명 |
getName() | String | 옵션 JSON에 사용할 일치 유형의 이름을 반환합니다. |
속성
속성 | 유형 | 설명 |
HORIZONTAL | Enum | 가로 방향입니다. |
VERTICAL | Enum | 세로 방향입니다. |
속성
속성 | 유형 | 설명 |
ASIDE | Enum | 선택한 값은 값 선택기 위젯 옆에 단일 텍스트 줄로 표시됩니다. |
BELOW | Enum | 선택한 값은 위젯 아래의 단일 텍스트 줄에 표시됩니다. |
BELOW_WRAPPING | Enum | 아래와 비슷하지만 선택 도구에 들어맞지 않는 항목은 새 줄로 줄바꿈됩니다. |
BELOW_STACKED | Enum | 선택한 값이 위젯 아래 열에 표시됩니다. |
속성
속성 | 유형 | 설명 |
NONE | Enum | 선 포인트를 표시하지 않습니다. |
TINY | Enum | 작은 선 점을 사용합니다. |
MEDIUM | Enum | 중간 크기의 선 포인트를 사용합니다. |
LARGE | Enum | 큰 크기의 선 지점을 사용합니다. |
HUGE | Enum | 가장 큰 크기의 선 지점을 사용합니다. |
속성
속성 | 유형 | 설명 |
TOP | Enum | 차트 위 |
RIGHT | Enum | 차트 오른쪽에 있습니다. |
BOTTOM | Enum | 차트 아래에 있습니다. |
NONE | Enum | 범례가 표시되지 않습니다. |
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-12-06(UTC)
[null,null,["최종 업데이트: 2024-12-06(UTC)"],[[["The Google Apps Script Charts Service enables server-side rendering of charts using Google Charts Tools, offering an alternative to the client-side Google Charts API."],["Charts are built using a structured process involving data table creation, chart construction with specific configurations like type, data source, and styling, and HTML output generation for display."],["The Charts Service provides a range of chart types, including AreaChart, BarChart, ColumnChart, LineChart, PieChart, ScatterChart, and TableChart, each with corresponding builder classes for customization."],["Comprehensive documentation details various classes and methods for data manipulation, visual styling, axes configuration, and interactive element creation, empowering developers to tailor charts to their needs."],["Developers can leverage methods from ScatterChartBuilder, StringFilterBuilder, TableChartBuilder, TextStyle, and TextStyleBuilder to fine-tune chart axes, filtering, table layouts, and text styles, enhancing chart customization and functionality."]]],["This service renders server-side charts using Google Charts Tools. Users create charts through builders like `AreaChartBuilder`, `BarChartBuilder`, etc. Data is structured in `DataTable` objects via `DataTableBuilder`. Charts can be converted to static images using `Chart.getAs()`. Customization includes setting colors, titles, dimensions, legends, axis styles, and data ranges. `ChartOptions` allow for advanced configurations. The `Charts` class provides the creation entry point and enums define chart, data, and styling options.\n"]]