Class Charts

Tangga Lagu

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

PropertiJenisDeskripsi
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyEnumerasi tentang cara dimensi tersembunyi dalam sumber dinyatakan dalam diagram.
ChartMergeStrategyChartMergeStrategyEnumerasi tentang cara beberapa rentang dalam sumber dinyatakan dalam diagram.
ChartTypeChartTypeEnumerasi jenis diagram yang didukung oleh layanan Diagram.
ColumnTypeColumnTypeEnumerasi jenis data yang valid untuk kolom di DataTable.
CurveStyleCurveStyleEnumerasi gaya untuk kurva dalam diagram.
PointStylePointStyleEnumerasi gaya titik dalam garis.
PositionPositionEnumerasi posisi legenda dalam diagram.

Metode

MetodeJenis hasil yang ditampilkanDeskripsi singkat
newAreaChart()AreaChartBuilderMulai membuat diagram area, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
newBarChart()BarChartBuilderMulai membuat diagram batang, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
newColumnChart()ColumnChartBuilderMulai membuat diagram kolom, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
newDataTable()DataTableBuilderMembuat tabel data kosong, yang nilainya dapat ditetapkan secara manual.
newDataViewDefinition()DataViewDefinitionBuilderMembuat definisi tampilan data baru.
newLineChart()LineChartBuilderMulai membuat diagram garis, seperti yang dijelaskan dalam dokumentasi Google Chart Tools.
newPieChart()PieChartBuilderMulai membuat diagram lingkaran, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
newScatterChart()ScatterChartBuilderMulai membuat diagram sebar, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
newTableChart()TableChartBuilderMulai membuat diagram tabel, seperti yang dijelaskan dalam dokumentasi Alat Diagram Google.
newTextStyle()TextStyleBuilderMembuat 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.