Class Charts

Bảng xếp hạng âm nhạc

Đ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 dữ liệu đó vào một 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ínhLoạiMô tả
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyMột bản liệt kê cách các phương diện bị ẩn trong một nguồn được thể hiện trong biểu đồ.
ChartMergeStrategyChartMergeStrategyMột bảng liệt kê cách thể hiện nhiều dải ô trong nguồn trên biểu đồ.
ChartTypeChartTypeMột danh sách liệt kê các loại biểu đồ mà dịch vụ Biểu đồ hỗ trợ.
ColumnTypeColumnTypeMột danh sách liệt kê các loại dữ liệu hợp lệ cho các cột trong DataTable.
CurveStyleCurveStyleMột danh sách liệt kê các kiểu cho đường cong trong biểu đồ.
PointStylePointStyleMột kiểu liệt kê các kiểu điểm trong một đường thẳng.
PositionPositionMột danh sách liệt kê các vị trí chú giải trong biểu đồ.

Phương thức

Phương thứcKiểu dữ liệu trả vềMô tả ngắn
newAreaChart()AreaChartBuilderBắt đầu tạo biểu đồ vùng, như mô tả trong tài liệu Google Chart Tools (Công cụ biểu đồ của Google).
newBarChart()BarChartBuilderBắt đầu tạo biểu đồ thanh, như mô tả trong tài liệu Google Chart Tools (Công cụ biểu đồ của Google).
newColumnChart()ColumnChartBuilderBắt đầu tạo biểu đồ cột, như mô tả trong tài liệu Google Chart Tools (Công cụ biểu đồ của Google).
newDataTable()DataTableBuilderTạo một bảng dữ liệu trống mà bạn có thể đặt giá trị theo cách thủ công.
newDataViewDefinition()DataViewDefinitionBuilderTạo một định nghĩa mới về chế độ xem dữ liệu.
newLineChart()LineChartBuilderBắt đầu tạo biểu đồ dạng đường, như mô tả trong tài liệu Google Chart Tools.
newPieChart()PieChartBuilderBắt đầu tạo biểu đồ hình tròn, như mô tả trong tài liệu Google Chart Tools (Công cụ biểu đồ của Google).
newScatterChart()ScatterChartBuilderBắt đầu tạo biểu đồ tán xạ, như mô tả trong tài liệu Google Chart Tools (Công cụ biểu đồ của Google).
newTableChart()TableChartBuilderBắt đầu tạo biểu đồ dạng bảng, như mô tả trong tài liệu Google Chart Tools (Công cụ biểu đồ của Google).
newTextStyle()TextStyleBuilderTạ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 Google Chart Tools (Công cụ biểu đồ của Google).

Cầu thủ trả bóng

AreaChartBuilder – Một 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 Google Chart Tools (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 Google Chart Tools (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 mà bạn có thể đặt giá trị theo cách thủ công.

Bảng dữ liệu lưu trữ dữ liệu cho tất cả các loại biểu đồ.

Cầu thủ trả bóng

DataTableBuilder – Một DataTableBuilder có thể lưu giữ dữ liệu cho biểu đồ.

newDataViewDefinition()

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

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

Cầu thủ trả bóng

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

newLineChart()

Bắt đầu tạo biểu đồ dạng đường, như mô tả trong tài liệu Google Chart Tools.

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 Google Chart Tools (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 Google Chart Tools (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 Google Chart Tools (Công cụ biểu đồ của Google).

Cầu thủ trả bóng

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

newTextStyle()

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

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

Cầu thủ trả bóng

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