Trang này được dịch bởi Cloud Translation API.

Class Charts

Điểm truy cập để tạo Biểu đồ trong tập lệnh.

Ví dụ này tạo một bảng dữ liệu cơ bản, điền dữ liệu vào biểu đồ vùng và thêm biểu đồ đó vào trang web dưới dạng hình ảnh:

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

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

  const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  const imageUrl = `data:image/png;base64,${encodeURI(imageData)}`;
  htmlOutput.append('Render chart server side: <br/>');
  htmlOutput.append(`<img border="1" src="${imageUrl}">`);
  return htmlOutput;
}

Thuộc tính

Thuộc tính	Loại	Mô tả
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	Liệt kê cách các phương diện ẩn trong một nguồn được thể hiện trong biểu đồ.
`ChartMergeStrategy`	`ChartMergeStrategy`	Bảng liệt kê cách nhiều dải ô trong nguồn được thể hiện trong biểu đồ.
`ChartType`	`ChartType`	Liệt kê các loại biểu đồ được dịch vụ Biểu đồ hỗ trợ.
`ColumnType`	`ColumnType`	Liệt kê các loại dữ liệu hợp lệ cho các cột trong `DataTable`.
`CurveStyle`	`CurveStyle`	Liệt kê các kiểu cho các đường cong trong biểu đồ.
`PointStyle`	`PointStyle`	Liệt kê các kiểu điểm trong một đường thẳng.
`Position`	`Position`	Liệt kê các vị trí chú giải trong biểu đồ.

Phương thức

Phương thức	Loại dữ liệu trả về	Mô tả ngắn
`newAreaChart()`	`AreaChartBuilder`	Bắt đầu tạo biểu đồ vùng, như mô tả trong tài liệu về Công cụ biểu đồ của Google.
`newBarChart()`	`BarChartBuilder`	Bắt đầu tạo biểu đồ thanh, như mô tả trong tài liệu về Công cụ biểu đồ của Google.
`newColumnChart()`	`ColumnChartBuilder`	Bắt đầu tạo biểu đồ cột, như mô tả trong tài liệu về Công cụ biểu đồ của Google.
`newDataTable()`	`DataTableBuilder`	Tạo một bảng dữ liệu trống, có thể đặt giá trị theo cách thủ công.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	Tạo định nghĩa mới về chế độ xem dữ liệu.
`newLineChart()`	`LineChartBuilder`	Bắt đầu tạo biểu đồ đường như mô tả trong tài liệu về Công cụ biểu đồ của Google.
`newPieChart()`	`PieChartBuilder`	Bắt đầu tạo biểu đồ hình tròn, như mô tả trong tài liệu về Công cụ biểu đồ của Google.
`newScatterChart()`	`ScatterChartBuilder`	Bắt đầu tạo biểu đồ tán xạ, như mô tả trong tài liệu về Công cụ biểu đồ của Google.
`newTableChart()`	`TableChartBuilder`	Bắt đầu tạo biểu đồ dạng bảng, như mô tả trong tài liệu về Công cụ biểu đồ của Google.
`newTextStyle()`	`TextStyleBuilder`	Tạo một trình tạo kiểu văn bản mới.

Tài liệu chi tiết

`newAreaChart()`

Bắt đầu tạo biểu đồ vùng, như mô tả trong tài liệu về Công cụ biểu đồ của Google.

Cầu thủ trả bóng

AreaChartBuilder – AreaChartBuilder, có thể dùng để tạo biểu đồ vùng.

`newBarChart()`

Bắt đầu tạo biểu đồ thanh, như mô tả trong tài liệu về Công cụ biểu đồ của Google.

Cầu thủ trả bóng

BarChartBuilder – BarChartBuilder, có thể dùng để tạo biểu đồ thanh.

`newColumnChart()`

Bắt đầu tạo biểu đồ cột, như mô tả trong tài liệu về Công cụ biểu đồ của Google.

Cầu thủ trả bóng

ColumnChartBuilder – ColumnChartBuilder, có thể dùng để tạo biểu đồ cột.

`newDataTable()`

Tạo một bảng dữ liệu trống, có thể đặt giá trị theo cách thủ công.

Bảng dữ liệu chứa dữ liệu cho tất cả các loại biểu đồ.

Cầu thủ trả bóng

DataTableBuilder – DataTableBuilder, có thể chứa dữ liệu cho biểu đồ.

`newDataViewDefinition()`

Tạo định nghĩa mới về chế độ xem dữ liệu.

Sử dụng phương thức setter để xác định các thuộc tính khác nhau của thành phần hiển thị dữ liệu.

Cầu thủ trả bóng

DataViewDefinitionBuilder – DataViewDefinitionBuilder, có thể dùng để tạo định nghĩa chế độ xem dữ liệu.

`newLineChart()`

Bắt đầu tạo biểu đồ đường như mô tả trong tài liệu về Công cụ biểu đồ của Google.

Cầu thủ trả bóng

LineChartBuilder – LineChartBuilder, có thể dùng để tạo biểu đồ dạng đường.

`newPieChart()`

Bắt đầu tạo biểu đồ hình tròn, như mô tả trong tài liệu về Công cụ biểu đồ của Google.

Cầu thủ trả bóng

PieChartBuilder – PieChartBuilder, có thể dùng để tạo biểu đồ hình tròn.

`newScatterChart()`

Bắt đầu tạo biểu đồ tán xạ, như mô tả trong tài liệu về Công cụ biểu đồ của Google.

Cầu thủ trả bóng

ScatterChartBuilder – ScatterChartBuilder, có thể dùng để tạo biểu đồ tán xạ.

`newTableChart()`

Bắt đầu tạo biểu đồ dạng bảng, như mô tả trong tài liệu về Công cụ biểu đồ của Google.

Cầu thủ trả bóng

TableChartBuilder – TableChartBuilder, có thể dùng để tạo biểu đồ dạng bảng.

`newTextStyle()`

Tạo một trình tạo kiểu văn bản mới.

Để thay đổi giá trị mặc định, hãy sử dụng các hàm setter.

Cầu thủ trả bóng

TextStyleBuilder – TextStyleBuilder, có thể dùng để tạo đối tượng cấu hình kiểu văn bản.