Layanan ini memungkinkan pengguna membuat diagram menggunakan Google Charts Tools dan merendernya ke sisi server. Jika Anda ingin merender diagram di browser web, gunakan Google Charts API.
Contoh ini membuat tabel data dasar, mengisi diagram area dengan data, dan menambahkannya ke halaman web sebagai gambar:
function doGet() {
var 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();
var chart = Charts.newAreaChart()
.setDataTable(data)
.setStacked()
.setRange(0, 40)
.setTitle('Sales per Month')
.build();
var htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
var imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
var imageUrl = "data:image/png;base64," + encodeURI(imageData);
htmlOutput.append("Render chart server side: <br/>");
htmlOutput.append("<img border=\"1\" src=\"" + imageUrl + "\">");
return htmlOutput;
}
Class
Nama | Deskripsi singkat |
---|---|
AreaChartBuilder | Builder untuk diagram area. |
BarChartBuilder | Builder untuk diagram batang. |
Chart | Objek Chart, yang dapat dikonversi menjadi gambar statis. |
ChartHiddenDimensionStrategy | Enumerasi cara dimensi tersembunyi dalam sumber dinyatakan dalam diagram. |
ChartMergeStrategy | Enumerasi bagaimana beberapa rentang dalam sumber dinyatakan dalam diagram. |
ChartOptions | Mengekspos opsi yang saat ini dikonfigurasi untuk Chart , seperti tinggi, warna, dll. |
ChartType | Jenis diagram yang didukung oleh layanan Charts. |
Charts | Titik entri untuk membuat Diagram dalam skrip. |
ColumnChartBuilder | Builder untuk diagram kolom. |
ColumnType | Enumerasi jenis data yang valid untuk kolom di DataTable . |
CurveStyle | Enumerasi gaya untuk kurva dalam diagram. |
DataTable | Tabel Data yang akan digunakan dalam diagram. |
DataTableBuilder | Builder objek DataTable. |
DataTableSource | Antarmuka untuk objek yang dapat menampilkan datanya sebagai DataTable . |
DataViewDefinition | Definisi tampilan data untuk memvisualisasikan data diagram. |
DataViewDefinitionBuilder | Builder untuk objek DataViewDefinition . |
LineChartBuilder | Builder untuk diagram garis. |
MatchType | Enumerasi bagaimana nilai string harus dicocokkan. |
NumberRangeFilterBuilder | Builder untuk kontrol filter rentang angka. |
Orientation | Enumerasi orientasi objek. |
PickerValuesLayout | Enumerasi cara menampilkan nilai yang dipilih di widget pemilih. |
PieChartBuilder | Builder untuk diagram lingkaran. |
PointStyle | Enumerasi gaya titik dalam garis. |
Position | Enumerasi posisi legenda dalam diagram. |
ScatterChartBuilder | Builder untuk diagram sebar. |
StringFilterBuilder | Builder untuk kontrol filter string. |
TableChartBuilder | Builder untuk diagram tabel. |
TextStyle | Objek konfigurasi gaya teks. |
TextStyleBuilder | Builder yang digunakan untuk membuat objek TextStyle . |
AreaChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
reverseCategories() | AreaChartBuilder | Membalikkan gambar deret di sumbu domain. |
setBackgroundColor(cssValue) | AreaChartBuilder | Menetapkan warna latar belakang untuk diagram. |
setColors(cssValues) | AreaChartBuilder | Menetapkan warna untuk garis dalam diagram. |
setDataSourceUrl(url) | AreaChartBuilder | Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
setDataTable(tableBuilder) | AreaChartBuilder | Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. |
setDataTable(table) | AreaChartBuilder | Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. |
setDataViewDefinition(dataViewDefinition) | AreaChartBuilder | Menetapkan definisi tampilan data yang akan digunakan untuk diagram. |
setDimensions(width, height) | AreaChartBuilder | Menetapkan dimensi untuk diagram. |
setLegendPosition(position) | AreaChartBuilder | Menetapkan posisi legenda sehubungan dengan diagram. |
setLegendTextStyle(textStyle) | AreaChartBuilder | Menetapkan gaya teks legenda diagram. |
setOption(option, value) | AreaChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
setPointStyle(style) | AreaChartBuilder | Menetapkan gaya untuk titik dalam garis. |
setRange(start, end) | AreaChartBuilder | Menetapkan rentang untuk diagram. |
setStacked() | AreaChartBuilder | Menggunakan garis bertumpuk, artinya nilai baris dan batang ditumpuk (akumulasi). |
setTitle(chartTitle) | AreaChartBuilder | Menetapkan judul diagram. |
setTitleTextStyle(textStyle) | AreaChartBuilder | Menetapkan gaya teks judul diagram. |
setXAxisTextStyle(textStyle) | AreaChartBuilder | Menetapkan gaya teks sumbu horizontal. |
setXAxisTitle(title) | AreaChartBuilder | Menambahkan judul ke sumbu horizontal. |
setXAxisTitleTextStyle(textStyle) | AreaChartBuilder | Menetapkan gaya teks judul sumbu horizontal. |
setYAxisTextStyle(textStyle) | AreaChartBuilder | Menetapkan gaya teks sumbu vertikal. |
setYAxisTitle(title) | AreaChartBuilder | Menambahkan judul ke sumbu vertikal. |
setYAxisTitleTextStyle(textStyle) | AreaChartBuilder | Menetapkan gaya teks judul sumbu vertikal. |
useLogScale() | AreaChartBuilder | Membuat sumbu rentang menjadi skala logaritmik (mengharuskan semua nilai positif). |
BarChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
reverseCategories() | BarChartBuilder | Membalikkan gambar deret di sumbu domain. |
reverseDirection() | BarChartBuilder | Membalik arah pertumbuhan batang di sepanjang sumbu horizontal. |
setBackgroundColor(cssValue) | BarChartBuilder | Menetapkan warna latar belakang untuk diagram. |
setColors(cssValues) | BarChartBuilder | Menetapkan warna untuk garis dalam diagram. |
setDataSourceUrl(url) | BarChartBuilder | Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
setDataTable(tableBuilder) | BarChartBuilder | Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. |
setDataTable(table) | BarChartBuilder | Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. |
setDataViewDefinition(dataViewDefinition) | BarChartBuilder | Menetapkan definisi tampilan data yang akan digunakan untuk diagram. |
setDimensions(width, height) | BarChartBuilder | Menetapkan dimensi untuk diagram. |
setLegendPosition(position) | BarChartBuilder | Menetapkan posisi legenda sehubungan dengan diagram. |
setLegendTextStyle(textStyle) | BarChartBuilder | Menetapkan gaya teks legenda diagram. |
setOption(option, value) | BarChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
setRange(start, end) | BarChartBuilder | Menetapkan rentang untuk diagram. |
setStacked() | BarChartBuilder | Menggunakan garis bertumpuk, artinya nilai baris dan batang ditumpuk (akumulasi). |
setTitle(chartTitle) | BarChartBuilder | Menetapkan judul diagram. |
setTitleTextStyle(textStyle) | BarChartBuilder | Menetapkan gaya teks judul diagram. |
setXAxisTextStyle(textStyle) | BarChartBuilder | Menetapkan gaya teks sumbu horizontal. |
setXAxisTitle(title) | BarChartBuilder | Menambahkan judul ke sumbu horizontal. |
setXAxisTitleTextStyle(textStyle) | BarChartBuilder | Menetapkan gaya teks judul sumbu horizontal. |
setYAxisTextStyle(textStyle) | BarChartBuilder | Menetapkan gaya teks sumbu vertikal. |
setYAxisTitle(title) | BarChartBuilder | Menambahkan judul ke sumbu vertikal. |
setYAxisTitleTextStyle(textStyle) | BarChartBuilder | Menetapkan gaya teks judul sumbu vertikal. |
useLogScale() | BarChartBuilder | Membuat sumbu rentang menjadi skala logaritmik (mengharuskan semua nilai positif). |
Chart
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
getAs(contentType) | Blob | Menampilkan data di dalam objek ini sebagai blob yang dikonversi ke jenis konten yang ditentukan. |
getBlob() | Blob | Menampilkan data di dalam objek ini sebagai blob. |
getOptions() | ChartOptions | Menampilkan opsi untuk diagram ini, seperti tinggi, warna, dan sumbu. |
ChartHiddenDimensionStrategy
Properti
Properti | Jenis | Deskripsi |
---|---|---|
IGNORE_BOTH | Enum | Default; diagram mengabaikan semua kolom dan baris tersembunyi. |
IGNORE_ROWS | Enum | Diagram hanya mengabaikan baris tersembunyi. |
IGNORE_COLUMNS | Enum | Diagram hanya mengabaikan kolom tersembunyi. |
SHOW_BOTH | Enum | Diagram tidak melewati kolom atau baris tersembunyi. |
ChartMergeStrategy
Properti
Properti | Jenis | Deskripsi |
---|---|---|
MERGE_COLUMNS | Enum | Default. |
MERGE_ROWS | Enum | Diagram menggabungkan baris dari beberapa rentang. |
ChartOptions
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
get(option) | Object | Menampilkan opsi yang dikonfigurasi untuk diagram ini. |
getOrDefault(option) | Object | Menampilkan opsi yang dikonfigurasi untuk diagram ini. |
ChartType
Properti
Properti | Jenis | Deskripsi |
---|---|---|
TIMELINE | Enum | Diagram linimasa. |
AREA | Enum | Diagram area |
BAR | Enum | Diagram batang |
BUBBLE | Enum | Diagram balon. |
CANDLESTICK | Enum | Diagram batang lilin. |
COLUMN | Enum | Diagram kolom |
COMBO | Enum | Diagram kombinasi |
GAUGE | Enum | Diagram meteran. |
GEO | Enum | Diagram geografis. |
HISTOGRAM | Enum | Histogram |
RADAR | Enum | Diagram radar. |
LINE | Enum | Diagram garis |
ORG | Enum | Diagram organisasi. |
PIE | Enum | Diagram lingkaran |
SCATTER | Enum | Diagram sebar |
SPARKLINE | Enum | Diagram garis percik. |
STEPPED_AREA | Enum | Diagram area berundak. |
TABLE | Enum | Diagram tabel |
TREEMAP | Enum | Diagram peta hierarki. |
WATERFALL | Enum | Diagram waterfall. |
Charts
Properti
Properti | Jenis | Deskripsi |
---|---|---|
ChartHiddenDimensionStrategy | ChartHiddenDimensionStrategy | Enumerasi cara dimensi tersembunyi dalam sumber dinyatakan dalam diagram. |
ChartMergeStrategy | ChartMergeStrategy | Enumerasi bagaimana beberapa rentang dalam sumber dinyatakan dalam diagram. |
ChartType | ChartType | Enumerasi jenis diagram yang didukung oleh layanan Charts. |
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 Google Chart Tools. |
newBarChart() | BarChartBuilder | Mulai membuat diagram batang, seperti yang dijelaskan dalam dokumentasi Alat Google Chart. |
newColumnChart() | ColumnChartBuilder | Mulai membuat diagram kolom, seperti yang dijelaskan dalam dokumentasi Google Chart Tools. |
newDataTable() | DataTableBuilder | Membuat tabel data kosong, yang dapat ditetapkan nilainya 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 Google Chart Tools. |
newScatterChart() | ScatterChartBuilder | Mulai membuat diagram sebar, seperti yang dijelaskan dalam dokumentasi Alat Google Chart. |
newTableChart() | TableChartBuilder | Mulai membuat diagram tabel, seperti yang dijelaskan dalam dokumentasi Google Chart Tools. |
newTextStyle() | TextStyleBuilder | Membuat builder gaya teks baru. |
ColumnChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
reverseCategories() | ColumnChartBuilder | Membalikkan gambar deret di sumbu domain. |
setBackgroundColor(cssValue) | ColumnChartBuilder | Menetapkan warna latar belakang untuk diagram. |
setColors(cssValues) | ColumnChartBuilder | Menetapkan warna untuk garis dalam diagram. |
setDataSourceUrl(url) | ColumnChartBuilder | Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
setDataTable(tableBuilder) | ColumnChartBuilder | Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. |
setDataTable(table) | ColumnChartBuilder | Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. |
setDataViewDefinition(dataViewDefinition) | ColumnChartBuilder | Menetapkan definisi tampilan data yang akan digunakan untuk diagram. |
setDimensions(width, height) | ColumnChartBuilder | Menetapkan dimensi untuk diagram. |
setLegendPosition(position) | ColumnChartBuilder | Menetapkan posisi legenda sehubungan dengan diagram. |
setLegendTextStyle(textStyle) | ColumnChartBuilder | Menetapkan gaya teks legenda diagram. |
setOption(option, value) | ColumnChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
setRange(start, end) | ColumnChartBuilder | Menetapkan rentang untuk diagram. |
setStacked() | ColumnChartBuilder | Menggunakan garis bertumpuk, artinya nilai baris dan batang ditumpuk (akumulasi). |
setTitle(chartTitle) | ColumnChartBuilder | Menetapkan judul diagram. |
setTitleTextStyle(textStyle) | ColumnChartBuilder | Menetapkan gaya teks judul diagram. |
setXAxisTextStyle(textStyle) | ColumnChartBuilder | Menetapkan gaya teks sumbu horizontal. |
setXAxisTitle(title) | ColumnChartBuilder | Menambahkan judul ke sumbu horizontal. |
setXAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Menetapkan gaya teks judul sumbu horizontal. |
setYAxisTextStyle(textStyle) | ColumnChartBuilder | Menetapkan gaya teks sumbu vertikal. |
setYAxisTitle(title) | ColumnChartBuilder | Menambahkan judul ke sumbu vertikal. |
setYAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Menetapkan gaya teks judul sumbu vertikal. |
useLogScale() | ColumnChartBuilder | Membuat sumbu rentang menjadi skala logaritmik (mengharuskan semua nilai positif). |
ColumnType
Properti
Properti | Jenis | Deskripsi |
---|---|---|
DATE | Enum | Berhubungan dengan nilai tanggal. |
NUMBER | Enum | Berhubungan dengan nilai angka. |
STRING | Enum | Berhubungan dengan nilai string. |
CurveStyle
Properti
Properti | Jenis | Deskripsi |
---|---|---|
NORMAL | Enum | Garis lurus tanpa lengkungan. |
SMOOTH | Enum | Sudut garis dihaluskan. |
DataTable
DataTableBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
addColumn(type, label) | DataTableBuilder | Menambahkan kolom ke tabel data. |
addRow(values) | DataTableBuilder | Menambahkan baris ke tabel data. |
build() | DataTable | Mem-build dan menampilkan tabel data. |
setValue(row, column, value) | DataTableBuilder | Menetapkan nilai tertentu dalam tabel. |
DataTableSource
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
getDataTable() | DataTable | Menampilkan data di dalam objek ini sebagai DataTable. |
DataViewDefinition
DataViewDefinitionBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | DataViewDefinition | Membuat dan menampilkan objek definisi tampilan data yang dibuat menggunakan builder ini. |
setColumns(columns) | DataViewDefinitionBuilder | Menetapkan indeks kolom yang akan disertakan dalam tampilan data serta menentukan informasi kolom peran. |
LineChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
reverseCategories() | LineChartBuilder | Membalikkan gambar deret di sumbu domain. |
setBackgroundColor(cssValue) | LineChartBuilder | Menetapkan warna latar belakang untuk diagram. |
setColors(cssValues) | LineChartBuilder | Menetapkan warna untuk garis dalam diagram. |
setCurveStyle(style) | LineChartBuilder | Menetapkan gaya yang akan digunakan untuk kurva dalam diagram. |
setDataSourceUrl(url) | LineChartBuilder | Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
setDataTable(tableBuilder) | LineChartBuilder | Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. |
setDataTable(table) | LineChartBuilder | Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. |
setDataViewDefinition(dataViewDefinition) | LineChartBuilder | Menetapkan definisi tampilan data yang akan digunakan untuk diagram. |
setDimensions(width, height) | LineChartBuilder | Menetapkan dimensi untuk diagram. |
setLegendPosition(position) | LineChartBuilder | Menetapkan posisi legenda sehubungan dengan diagram. |
setLegendTextStyle(textStyle) | LineChartBuilder | Menetapkan gaya teks legenda diagram. |
setOption(option, value) | LineChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
setPointStyle(style) | LineChartBuilder | Menetapkan gaya untuk titik dalam garis. |
setRange(start, end) | LineChartBuilder | Menetapkan rentang untuk diagram. |
setTitle(chartTitle) | LineChartBuilder | Menetapkan judul diagram. |
setTitleTextStyle(textStyle) | LineChartBuilder | Menetapkan gaya teks judul diagram. |
setXAxisTextStyle(textStyle) | LineChartBuilder | Menetapkan gaya teks sumbu horizontal. |
setXAxisTitle(title) | LineChartBuilder | Menambahkan judul ke sumbu horizontal. |
setXAxisTitleTextStyle(textStyle) | LineChartBuilder | Menetapkan gaya teks judul sumbu horizontal. |
setYAxisTextStyle(textStyle) | LineChartBuilder | Menetapkan gaya teks sumbu vertikal. |
setYAxisTitle(title) | LineChartBuilder | Menambahkan judul ke sumbu vertikal. |
setYAxisTitleTextStyle(textStyle) | LineChartBuilder | Menetapkan gaya teks judul sumbu vertikal. |
useLogScale() | LineChartBuilder | Membuat sumbu rentang menjadi skala logaritmik (mengharuskan semua nilai positif). |
MatchType
Properti
Properti | Jenis | Deskripsi |
---|---|---|
EXACT | Enum | Hanya cocok dengan nilai persis |
PREFIX | Enum | Mencocokkan awalan yang dimulai dari awal nilai |
ANY | Enum | Cocok dengan substring apa pun |
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
getName() | String | Menampilkan nama jenis pencocokan yang akan digunakan dalam opsi JSON. |
NumberRangeFilterBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
setMaxValue(maxValue) | NumberRangeFilterBuilder | Menetapkan nilai maksimum yang diizinkan untuk rentang yang lebih rendah. |
setMinValue(minValue) | NumberRangeFilterBuilder | Menetapkan nilai minimum yang diizinkan untuk rentang yang lebih rendah. |
setOrientation(orientation) | NumberRangeFilterBuilder | Menetapkan orientasi penggeser. |
setShowRangeValues(showRangeValues) | NumberRangeFilterBuilder | Menetapkan apakah akan memiliki label di samping penggeser yang menampilkan jangkauan rentang yang dipilih. |
setTicks(ticks) | NumberRangeFilterBuilder | Menetapkan jumlah tick (posisi tetap dalam panel rentang), yang dapat berisi tombol penggeser filter rentang angka. |
Orientation
Properti
Properti | Jenis | Deskripsi |
---|---|---|
HORIZONTAL | Enum | Orientasi horizontal. |
VERTICAL | Enum | Orientasi vertikal. |
PickerValuesLayout
Properti
Properti | Jenis | Deskripsi |
---|---|---|
ASIDE | Enum | Nilai yang dipilih akan ditampilkan dalam satu baris teks di samping widget pemilih nilai. |
BELOW | Enum | Nilai yang dipilih ditampilkan dalam satu baris teks di bawah widget. |
BELOW_WRAPPING | Enum | Mirip dengan yang di bawah ini, tetapi entri yang tidak dapat dimuat dalam wrapper pemilih ke baris baru. |
BELOW_STACKED | Enum | Nilai yang dipilih akan ditampilkan di kolom di bawah widget. |
PieChartBuilder
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. |
PointStyle
Properti
Properti | Jenis | Deskripsi |
---|---|---|
NONE | Enum | Jangan tampilkan titik garis. |
TINY | Enum | Gunakan titik garis kecil. |
MEDIUM | Enum | Gunakan titik garis berukuran sedang. |
LARGE | Enum | Gunakan titik garis berukuran besar. |
HUGE | Enum | Gunakan titik garis berukuran terbesar. |
Position
Properti
Properti | Jenis | Deskripsi |
---|---|---|
TOP | Enum | Di atas diagram. |
RIGHT | Enum | Di sebelah kanan diagram. |
BOTTOM | Enum | Di bawah diagram. |
NONE | Enum | Tidak ada legenda yang ditampilkan. |
ScatterChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
setBackgroundColor(cssValue) | ScatterChartBuilder | Menetapkan warna latar belakang untuk diagram. |
setColors(cssValues) | ScatterChartBuilder | Menetapkan warna untuk garis dalam diagram. |
setDataSourceUrl(url) | ScatterChartBuilder | Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
setDataTable(tableBuilder) | ScatterChartBuilder | Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. |
setDataTable(table) | ScatterChartBuilder | Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. |
setDataViewDefinition(dataViewDefinition) | ScatterChartBuilder | Menetapkan definisi tampilan data yang akan digunakan untuk diagram. |
setDimensions(width, height) | ScatterChartBuilder | Menetapkan dimensi untuk diagram. |
setLegendPosition(position) | ScatterChartBuilder | Menetapkan posisi legenda sehubungan dengan diagram. |
setLegendTextStyle(textStyle) | ScatterChartBuilder | Menetapkan gaya teks legenda diagram. |
setOption(option, value) | ScatterChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
setPointStyle(style) | ScatterChartBuilder | Menetapkan gaya untuk titik dalam garis. |
setTitle(chartTitle) | ScatterChartBuilder | Menetapkan judul diagram. |
setTitleTextStyle(textStyle) | ScatterChartBuilder | Menetapkan gaya teks judul diagram. |
setXAxisLogScale() | ScatterChartBuilder | Membuat sumbu horizontal menjadi skala logaritmik (mengharuskan semua nilai positif). |
setXAxisRange(start, end) | ScatterChartBuilder | Menetapkan rentang untuk sumbu horizontal diagram. |
setXAxisTextStyle(textStyle) | ScatterChartBuilder | Menetapkan gaya teks sumbu horizontal. |
setXAxisTitle(title) | ScatterChartBuilder | Menambahkan judul ke sumbu horizontal. |
setXAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Menetapkan gaya teks judul sumbu horizontal. |
setYAxisLogScale() | ScatterChartBuilder | Membuat sumbu vertikal menjadi skala logaritmik (mengharuskan semua nilai positif). |
setYAxisRange(start, end) | ScatterChartBuilder | Menetapkan rentang untuk sumbu vertikal diagram. |
setYAxisTextStyle(textStyle) | ScatterChartBuilder | Menetapkan gaya teks sumbu vertikal. |
setYAxisTitle(title) | ScatterChartBuilder | Menambahkan judul ke sumbu vertikal. |
setYAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Menetapkan gaya teks judul sumbu vertikal. |
StringFilterBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
setCaseSensitive(caseSensitive) | StringFilterBuilder | Menetapkan apakah pencocokan harus peka huruf besar/kecil atau tidak. |
setMatchType(matchType) | StringFilterBuilder | Menetapkan apakah kontrol harus cocok hanya dengan nilai persis (MatchType.EXACT ), awalan yang dimulai dari awal nilai (MatchType.PREFIX ), atau substring apa pun (MatchType.ANY ). |
setRealtimeTrigger(realtimeTrigger) | StringFilterBuilder | Menetapkan apakah kontrol harus cocok setiap kali tombol ditekan atau hanya saat kolom input 'berubah' (hilangnya fokus atau menekan tombol Enter). |
TableChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
enablePaging(enablePaging) | TableChartBuilder | Menetapkan apakah akan mengaktifkan pembagian halaman melalui data. |
enablePaging(pageSize) | TableChartBuilder | Mengaktifkan paging dan menetapkan jumlah baris di setiap halaman. |
enablePaging(pageSize, startPage) | TableChartBuilder | Mengaktifkan paging, menetapkan jumlah baris di setiap halaman dan halaman tabel pertama yang akan ditampilkan (nomor halaman berbasis nol). |
enableRtlTable(rtlEnabled) | TableChartBuilder | Menambahkan dukungan dasar untuk bahasa yang ditulis dari kanan ke kiri (seperti bahasa Arab atau Ibrani) dengan membalik urutan kolom tabel, sehingga kolom nol adalah kolom paling kanan, dan kolom terakhir adalah kolom paling kiri. |
enableSorting(enableSorting) | TableChartBuilder | Menetapkan apakah akan mengurutkan kolom saat pengguna mengklik judul kolom. |
setDataSourceUrl(url) | TableChartBuilder | Menetapkan URL sumber data yang digunakan untuk mengambil data dari sumber eksternal, seperti Google Spreadsheet. |
setDataTable(tableBuilder) | TableChartBuilder | Menetapkan tabel data yang akan digunakan untuk diagram menggunakan DataTableBuilder. |
setDataTable(table) | TableChartBuilder | Menetapkan tabel data yang berisi garis untuk diagram, serta label sumbu X. |
setDataViewDefinition(dataViewDefinition) | TableChartBuilder | Menetapkan definisi tampilan data yang akan digunakan untuk diagram. |
setDimensions(width, height) | TableChartBuilder | Menetapkan dimensi untuk diagram. |
setFirstRowNumber(number) | TableChartBuilder | Menetapkan nomor baris untuk baris pertama dalam tabel data. |
setInitialSortingAscending(column) | TableChartBuilder | Menetapkan indeks kolom yang sesuai dengan tabel yang pertama kali diurutkan (menaik). |
setInitialSortingDescending(column) | TableChartBuilder | Menetapkan indeks kolom yang sesuai dengan tabel yang harus diurutkan pertama kali (menurun). |
setOption(option, value) | TableChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
showRowNumberColumn(showRowNumber) | TableChartBuilder | Menetapkan apakah akan menampilkan nomor baris sebagai kolom pertama tabel. |
useAlternatingRowStyle(alternate) | TableChartBuilder | Menetapkan apakah gaya warna alternatif ditetapkan ke baris ganjil dan genap pada diagram tabel. |
TextStyle
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
getColor() | String | Mendapatkan warna gaya teks. |
getFontName() | String | Mendapatkan nama font gaya teks. |
getFontSize() | Number | Mendapatkan ukuran font gaya teks. |
TextStyleBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | TextStyle | Membangun dan menampilkan objek konfigurasi gaya teks yang dibangun menggunakan builder ini. |
setColor(cssValue) | TextStyleBuilder | Menetapkan warna gaya teks. |
setFontName(fontName) | TextStyleBuilder | Menetapkan nama font gaya teks |
setFontSize(fontSize) | TextStyleBuilder | Menetapkan ukuran font gaya teks. |