Class PieChartBuilder

PieChartBuilder

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

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 nilai yang ditampilkan	Deskripsi singkat
build()	Chart	Membangun diagram.
reverseCategories()	PieChartBuilder	Membalikkan gambar deret dalam sumbu domain.
set3D()	PieChartBuilder	Menetapkan diagram menjadi tiga dimensi.
setBackgroundColor(cssValue)	PieChartBuilder	Menetapkan warna latar belakang diagram.
setColors(cssValues)	PieChartBuilder	Menetapkan warna untuk garis dalam diagram.
setDataSourceUrl(url)	PieChartBuilder	Menetapkan URL sumber data yang digunakan untuk menarik 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()

Membangun diagram.

Pulang pergi

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

---

reverseCategories()

Membalikkan gambar deret dalam sumbu domain. Untuk diagram rentang vertikal (seperti diagram garis, area, atau kolom), artinya sumbu horizontal digambar dari kanan ke kiri. Untuk diagram rentang horizontal (seperti diagram batang), artinya 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 merangkai.

---

set3D()

Menetapkan diagram menjadi tiga dimensi.

Pulang pergi

PieChartBuilder — Builder ini, berguna untuk merangkai.

---

setBackgroundColor(cssValue)

Menetapkan warna latar belakang 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 merangkai.

---

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 merepresentasikan warna garis ke-n dalam diagram.

Pulang pergi

PieChartBuilder — Builder ini, berguna untuk merangkai.

---

setDataSourceUrl(url)

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

Untuk mengetahui informasi selengkapnya tentang membuat kueri sumber data, lihat dokumentasi Google Chart.

Parameter

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

Pulang pergi

PieChartBuilder — Builder ini, berguna untuk merangkai.

---

setDataTable(tableBuilder)

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

Parameter

Nama	Jenis	Deskripsi
tableBuilder	DataTableBuilder	Pembuat tabel data. Tabel data baru dibuat secara instan sebagai bagian dari panggilan ini, sehingga pembaruan lebih lanjut pada pembuat tidak akan tercermin dalam diagram.

Pulang pergi

PieChartBuilder — Builder ini, berguna untuk merangkai.

---

setDataTable(table)

Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. Kolom pertama harus berupa string, dan berisi label sumbu horizontal. Dapat diikuti oleh sejumlah kolom, yang semuanya harus berupa angka. Setiap kolom ditampilkan sebagai garis terpisah.

Parameter

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

Pulang pergi

PieChartBuilder — Builder ini, berguna untuk merangkai.

---

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 diperoleh dari sumber data tertentu untuk penggambaran diagram.

Pulang pergi

PieChartBuilder — Builder ini, berguna untuk merangkai.

---

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 merangkai.

---

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 merangkai.

---

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 merangkai.

---

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 disetel.
value	Object	Nilai yang akan ditetapkan.

Pulang pergi

PieChartBuilder — Builder ini, berguna untuk merangkai.

---

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 merangkai.

---

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 merangkai.