Halaman ini diterjemahkan oleh Cloud Translation API.

Class Charts

Titik entri untuk membuat Diagram dalam skrip.

Contoh ini membuat tabel data dasar, mengisi diagram area dengan data, dan menambahkannya ke halaman web sebagai gambar:

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;
}

Properti

Properti	Jenis	Deskripsi
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	Enumerasi tentang cara dimensi tersembunyi dalam sumber dinyatakan dalam diagram.
`ChartMergeStrategy`	`ChartMergeStrategy`	Enumerasi tentang cara beberapa rentang dalam sumber dinyatakan dalam diagram.
`ChartType`	`ChartType`	Enumerasi jenis diagram yang didukung oleh layanan Diagram.
`ColumnType`	`ColumnType`	Enumerasi jenis data yang valid untuk kolom di `DataTable`.
`CurveStyle`	`CurveStyle`	Enumerasi gaya untuk kurva dalam diagram.
`PointStyle`	`PointStyle`	Enumerasi gaya titik dalam garis.
`Position`	`Position`	Enumerasi posisi legenda dalam diagram.

Metode

Metode	Jenis hasil yang ditampilkan	Deskripsi singkat
`newAreaChart()`	`AreaChartBuilder`	Mulai membuat diagram area, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
`newBarChart()`	`BarChartBuilder`	Mulai membuat diagram batang, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
`newColumnChart()`	`ColumnChartBuilder`	Mulai membuat diagram kolom, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
`newDataTable()`	`DataTableBuilder`	Membuat tabel data kosong, yang nilainya dapat ditetapkan secara manual.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	Membuat definisi tampilan data baru.
`newLineChart()`	`LineChartBuilder`	Mulai membuat diagram garis, seperti yang dijelaskan dalam dokumentasi Google Chart Tools.
`newPieChart()`	`PieChartBuilder`	Mulai membuat diagram lingkaran, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
`newScatterChart()`	`ScatterChartBuilder`	Mulai membuat diagram sebar, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
`newTableChart()`	`TableChartBuilder`	Mulai membuat diagram tabel, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
`newTextStyle()`	`TextStyleBuilder`	Membuat builder gaya teks baru.

Dokumentasi mendetail

`newAreaChart()`

Mulai membuat diagram area, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.

Pulang pergi

AreaChartBuilder — AreaChartBuilder, yang dapat digunakan untuk membuat diagram area.

`newBarChart()`

Mulai membuat diagram batang, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.

Pulang pergi

BarChartBuilder — BarChartBuilder, yang dapat digunakan untuk membuat diagram batang.

`newColumnChart()`

Mulai membuat diagram kolom, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.

Pulang pergi

ColumnChartBuilder — ColumnChartBuilder, yang dapat digunakan untuk membuat diagram kolom.

`newDataTable()`

Membuat tabel data kosong, yang nilainya dapat ditetapkan secara manual.

Tabel data menyimpan data untuk semua jenis diagram.

Pulang pergi

DataTableBuilder — DataTableBuilder, yang dapat menyimpan data untuk diagram.

`newDataViewDefinition()`

Membuat definisi tampilan data baru.

Gunakan penyetel untuk menentukan berbagai properti tampilan data.

Pulang pergi

DataViewDefinitionBuilder — DataViewDefinitionBuilder, yang dapat digunakan untuk membuat definisi tampilan data.

`newLineChart()`

Mulai membuat diagram garis, seperti yang dijelaskan dalam dokumentasi Google Chart Tools.

Pulang pergi

LineChartBuilder — LineChartBuilder, yang dapat digunakan untuk membuat diagram garis.

`newPieChart()`

Mulai membuat diagram lingkaran, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.

Pulang pergi

PieChartBuilder — PieChartBuilder, yang dapat digunakan untuk membuat diagram lingkaran.

`newScatterChart()`

Mulai membuat diagram sebar, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.

Pulang pergi

ScatterChartBuilder — ScatterChartBuilder, yang dapat digunakan untuk membuat diagram pencar.

`newTableChart()`

Mulai membuat diagram tabel, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.

Pulang pergi

TableChartBuilder — TableChartBuilder, yang dapat digunakan untuk membuat diagram tabel.

`newTextStyle()`

Membuat builder gaya teks baru.

Untuk mengubah nilai default, gunakan fungsi penyetel.

Pulang pergi

TextStyleBuilder — TextStyleBuilder, yang dapat digunakan untuk membuat objek konfigurasi gaya teks.