Builder untuk diagram lingkaran. Untuk mengetahui detail selengkapnya, lihat dokumentasi Google Chart.
Berikut adalah contoh yang menunjukkan cara membuat sebuah {i>pie chart<i}. Data diimpor dari spreadsheet Google.
// Get sample data from a spreadsheet. var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1'; var chartBuilder = Charts.newPieChart() .setTitle('World Population by Continent') .setDimensions(600, 500) .set3D() .setDataSourceUrl(dataSourceUrl); var chart = chartBuilder.build();
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
reverseCategories() | PieChartBuilder | Membalikkan gambar deret dalam sumbu domain. |
set3D() | PieChartBuilder | Menetapkan diagram ke 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 dengan 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 terhadap 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 elemen statis
gambar.
reverseCategories()
Membalikkan gambar deret dalam sumbu domain. Untuk diagram rentang vertikal (seperti garis, diagram area atau kolom), ini berarti sumbu horizontal digambar dari kanan ke kiri. Sebagai diagram rentang horizontal (seperti diagram batang), ini berarti sumbu vertikal digambar dari atas ke 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. var builder = Charts.newPieChart(); builder.reverseCategories();
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
set3D()
Menetapkan diagram ke tiga dimensi.
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
setBackgroundColor(cssValue)
Menetapkan warna latar belakang untuk diagram.
// Creates a line chart builder and sets the background color to gray var 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 perantaian.
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. var 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 baris ke-n dalam diagram. |
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
setDataSourceUrl(url)
Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. Jika URL sumber data dan DataTable diberikan, URL sumber data akan diabaikan.
Untuk mengetahui informasi selengkapnya tentang mengkueri sumber data, lihat dokumentasi Diagram Google.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
url | String | URL sumber data, termasuk parameter kueri. |
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
setDataTable(tableBuilder)
Menetapkan tabel data yang akan digunakan untuk diagram dengan DataTableBuilder. Ini adalah metode praktis
untuk mengatur tabel data tanpa perlu memanggil build()
.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
tableBuilder | DataTableBuilder | Pembuat tabel data. Tabel data baru dibuat secara instan sebagai bagian dari dipanggil, sehingga setiap pembaruan lebih lanjut pada builder tidak akan tercermin dalam diagram. |
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
setDataTable(table)
Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. Tujuan kolom pertama harus berupa string, dan berisi label sumbu horizontal. Berapa pun jumlah kolom bisa diikuti, semua harus numerik. 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 perantaian.
setDataViewDefinition(dataViewDefinition)
Menetapkan definisi tampilan data yang akan digunakan untuk diagram.
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
dataViewDefinition | DataViewDefinition | Objek definisi tampilan data yang mendefinisikan tampilan yang harus yang berasal dari sumber data yang diberikan untuk gambar diagram. |
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
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 perantaian.
setLegendPosition(position)
Menetapkan posisi legenda terhadap diagram. Secara default, tidak ada legenda.
// Creates a line chart builder and sets the legend position to right. var builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
position | Position | Posisi legenda. |
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
setLegendTextStyle(textStyle)
Menetapkan gaya teks legenda diagram.
// Creates a line chart builder and sets it up for a blue, 26-point legend. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var 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 perantaian.
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. var builder = Charts.newPieChart(); builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}}); var chart = builder.build();
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
option | String | Opsi yang perlu ditetapkan. |
value | Object | Nilai yang akan ditetapkan. |
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
setTitle(chartTitle)
Menetapkan judul diagram. Judul ditampilkan di tengah diagram.
// Creates a line chart builder and title to 'My Line Chart'. var builder = Charts.newLineChart(); builder.setTitle('My Line Chart')
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
chartTitle | String | judul bagan. |
Pulang pergi
PieChartBuilder
— Builder ini, berguna untuk perantaian.
setTitleTextStyle(textStyle)
Menetapkan gaya teks judul diagram.
// Creates a line chart builder and sets it up for a blue, 26-point title. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var 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 perantaian.