Halaman ini diterjemahkan oleh Cloud Translation API.

Class PieChartBuilder

Builder untuk diagram lingkaran. Untuk mengetahui detail selengkapnya, lihat dokumentasi Google Charts.

Berikut adalah contoh yang menunjukkan cara membuat diagram lingkaran. Data diimpor dari spreadsheet Google.

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1';

const chartBuilder = Charts.newPieChart()
                         .setTitle('World Population by Continent')
                         .setDimensions(600, 500)
                         .set3D()
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Metode

Metode	Jenis hasil yang ditampilkan	Deskripsi singkat
`build()`	`Chart`	Membuat diagram.
`reverseCategories()`	`PieChartBuilder`	Membalikkan gambar deret di sumbu domain.
`set3D()`	`PieChartBuilder`	Menetapkan diagram menjadi tiga dimensi.
`setBackgroundColor(cssValue)`	`PieChartBuilder`	Menetapkan warna latar belakang untuk diagram.
`setColors(cssValues)`	`PieChartBuilder`	Menetapkan warna untuk garis dalam diagram.
`setDataSourceUrl(url)`	`PieChartBuilder`	Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet.
`setDataTable(tableBuilder)`	`PieChartBuilder`	Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder.
`setDataTable(table)`	`PieChartBuilder`	Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X.
`setDataViewDefinition(dataViewDefinition)`	`PieChartBuilder`	Menetapkan definisi tampilan data yang akan digunakan untuk diagram.
`setDimensions(width, height)`	`PieChartBuilder`	Menetapkan dimensi untuk diagram.
`setLegendPosition(position)`	`PieChartBuilder`	Menetapkan posisi legenda sehubungan dengan diagram.
`setLegendTextStyle(textStyle)`	`PieChartBuilder`	Menetapkan gaya teks legenda diagram.
`setOption(option, value)`	`PieChartBuilder`	Menetapkan opsi lanjutan untuk diagram ini.
`setTitle(chartTitle)`	`PieChartBuilder`	Menetapkan judul diagram.
`setTitleTextStyle(textStyle)`	`PieChartBuilder`	Menetapkan gaya teks judul diagram.

Dokumentasi mendetail

`build()`

Membuat diagram.

Pulang pergi

Chart — Objek Diagram, yang dapat disematkan ke dalam dokumen, elemen UI, atau digunakan sebagai gambar statis.

`reverseCategories()`

Membalikkan gambar deret di sumbu domain. Untuk diagram rentang vertikal (seperti diagram garis, area, atau kolom), ini berarti sumbu horizontal digambar dari kanan ke kiri. Untuk diagram rentang horizontal (seperti diagram batang), ini berarti sumbu vertikal digambar dari atas ke bawah. Untuk diagram lingkaran, ini berarti irisan digambar berlawanan arah jarum jam.

// Creates a pie chart builder and sets drawing of the slices in a
// counter-clockwise manner.
const builder = Charts.newPieChart();
builder.reverseCategories();

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`set3D()`

Menetapkan diagram menjadi tiga dimensi.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setBackgroundColor(cssValue)`

Menetapkan warna latar belakang untuk diagram.

// Creates a line chart builder and sets the background color to gray
const builder = Charts.newLineChart();
builder.setBackgroundColor('gray');

Parameter

Nama	Jenis	Deskripsi
`cssValue`	`String`	Nilai CSS untuk warna (seperti `"blue"` atau `"#00f"`).

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setColors(cssValues)`

Menetapkan warna untuk garis dalam diagram.

// Creates a line chart builder and sets the first two lines to be drawn in
// green and red, respectively.
const builder = Charts.newLineChart();
builder.setColors(['green', 'red']);

Parameter

Nama	Jenis	Deskripsi
`cssValues`	`String[]`	Array nilai CSS warna, seperti `["red", "#acf"]`. Elemen ke-n dalam array mewakili warna garis ke-n dalam diagram.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setDataSourceUrl(url)`

Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. Jika URL sumber data dan DataTable disediakan, URL sumber data akan diabaikan.

Untuk informasi selengkapnya tentang cara membuat kueri sumber data, lihat dokumentasi Google Charts.

Parameter

Nama	Jenis	Deskripsi
`url`	`String`	URL sumber data, termasuk parameter kueri.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setDataTable(tableBuilder)`

Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. Ini adalah metode praktis untuk menetapkan tabel data tanpa perlu memanggil build().

Parameter

Nama	Jenis	Deskripsi
`tableBuilder`	`DataTableBuilder`	Builder tabel data. Tabel data baru akan langsung dibuat sebagai bagian dari panggilan ini, sehingga pembaruan lebih lanjut pada builder tidak akan tercermin dalam diagram.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setDataTable(table)`

Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. Kolom pertama harus berupa string, dan berisi label sumbu horizontal. Jumlah kolom yang dapat mengikuti, semuanya harus berupa angka. Setiap kolom ditampilkan sebagai baris terpisah.

Parameter

Nama	Jenis	Deskripsi
`table`	`DataTableSource`	Tabel data yang akan digunakan untuk diagram.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setDataViewDefinition(dataViewDefinition)`

Menetapkan definisi tampilan data yang akan digunakan untuk diagram.

Parameter

Nama	Jenis	Deskripsi
`dataViewDefinition`	`DataViewDefinition`	Objek definisi tampilan data yang menentukan tampilan yang harus berasal dari sumber data tertentu untuk gambar diagram.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setDimensions(width, height)`

Menetapkan dimensi untuk diagram.

Parameter

Nama	Jenis	Deskripsi
`width`	`Integer`	Lebar diagram, dalam piksel.
`height`	`Integer`	Tinggi diagram, dalam piksel.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setLegendPosition(position)`

Menetapkan posisi legenda sehubungan dengan diagram. Secara default, tidak ada legenda.

// Creates a line chart builder and sets the legend position to right.
const builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

Parameter

Nama	Jenis	Deskripsi
`position`	`Position`	Posisi legenda.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setLegendTextStyle(textStyle)`

Menetapkan gaya teks legenda diagram.

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

Parameter

Nama	Jenis	Deskripsi
`textStyle`	`TextStyle`	Gaya teks yang akan digunakan untuk legenda diagram.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setOption(option, value)`

Menetapkan opsi lanjutan untuk diagram ini. Lihat opsi yang tersedia untuk diagram ini. Metode ini tidak berpengaruh jika opsi yang diberikan tidak valid.

// Build a pie chart with a pretty legend.
const builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
const chart = builder.build();

Parameter

Nama	Jenis	Deskripsi
`option`	`String`	Opsi yang akan ditetapkan.
`value`	`Object`	Nilai yang akan ditetapkan.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setTitle(chartTitle)`

Menetapkan judul diagram. Judul ditampilkan di tengah di atas diagram.

// Creates a line chart builder and title to 'My Line Chart'.
const builder = Charts.newLineChart();
builder.setTitle('My Line Chart');

Parameter

Nama	Jenis	Deskripsi
`chartTitle`	`String`	judul diagram.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.

`setTitleTextStyle(textStyle)`

Menetapkan gaya teks judul diagram.

// Creates a line chart builder and sets it up for a  blue, 26-point title.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

Parameter

Nama	Jenis	Deskripsi
`textStyle`	`TextStyle`	Gaya teks yang akan digunakan untuk judul diagram. Anda dapat membuat objek `TextStyleBuilder` dengan memanggil `Charts.newTextStyle()`.

Pulang pergi

PieChartBuilder — Builder ini berguna untuk membuat rantai.