Layanan ini memungkinkan pengguna membuat bagan menggunakan Alat Google Chart dan merendernya di sisi server. Jika Anda ingin merender diagram di browser web, gunakan metode Google Chart API sebagai gantinya.
Contoh ini membuat tabel data dasar, mengisi bagan area dengan data tersebut, 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 cara 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 Chart. |
Charts | Titik entri untuk membuat Diagram dalam skrip. |
ColumnChartBuilder | Builder untuk diagram kolom. |
ColumnType | Enumerasi jenis data yang valid untuk kolom dalam DataTable . |
CurveStyle | Enumerasi gaya untuk kurva dalam diagram. |
DataTable | Tabel Data untuk digunakan dalam diagram. |
DataTableBuilder | Builder objek DataTable. |
DataTableSource | Antarmuka untuk objek yang dapat mewakili datanya sebagai DataTable . |
DataViewDefinition | Definisi tampilan data untuk memvisualisasikan data diagram. |
DataViewDefinitionBuilder | Builder untuk objek DataViewDefinition . |
LineChartBuilder | Builder untuk diagram garis. |
MatchType | Enumerasi cara pencocokan nilai string. |
NumberRangeFilterBuilder | Builder untuk kontrol filter rentang angka. |
Orientation | Enumerasi orientasi suatu objek. |
PickerValuesLayout | Enumerasi cara menampilkan nilai yang dipilih di widget pemilih. |
PieChartBuilder | Builder untuk diagram lingkaran. |
PointStyle | Enumerasi gaya titik dalam sebuah 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 dalam 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 dengan 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 terhadap 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 garis dan batang ditumpuk (terakumulasi). |
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 menjadi positif). |
BarChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
reverseCategories() | BarChartBuilder | Membalikkan gambar deret dalam 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 dengan 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 terhadap 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 garis dan batang ditumpuk (terakumulasi). |
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 menjadi 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 akan mengabaikan kolom dan baris yang tersembunyi. |
IGNORE_ROWS | Enum | Diagram hanya melewati baris tersembunyi. |
IGNORE_COLUMNS | Enum | Diagram hanya melewati kolom yang disembunyikan. |
SHOW_BOTH | Enum | Diagram tidak melewati kolom yang disembunyikan 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 cara beberapa rentang dalam sumber dinyatakan dalam diagram. |
ChartType | ChartType | Enumerasi jenis diagram yang didukung oleh layanan Chart. |
ColumnType | ColumnType | Enumerasi jenis data yang valid untuk kolom dalam DataTable . |
CurveStyle | CurveStyle | Enumerasi gaya untuk kurva dalam diagram. |
PointStyle | PointStyle | Enumerasi gaya titik dalam sebuah 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 di Diagram Google Dokumentasi Alat. |
newBarChart() | BarChartBuilder | Mulai membuat diagram batang, seperti yang dijelaskan di Diagram Google Dokumentasi Alat. |
newColumnChart() | ColumnChartBuilder | Mulai membuat diagram kolom, seperti yang dijelaskan di Google Chart Dokumentasi Alat. |
newDataTable() | DataTableBuilder | Membuat tabel data kosong, yang dapat memiliki nilainya yang ditetapkan secara manual. |
newDataViewDefinition() | DataViewDefinitionBuilder | Membuat definisi tampilan data baru. |
newLineChart() | LineChartBuilder | Mulai membuat diagram garis, seperti yang dijelaskan di Diagram Google Dokumentasi Alat. |
newPieChart() | PieChartBuilder | Mulai membuat diagram lingkaran, seperti yang dijelaskan di Diagram Google Dokumentasi Alat. |
newScatterChart() | ScatterChartBuilder | Mulai membuat diagram sebar, seperti yang dijelaskan di Diagram Google Dokumentasi Alat. |
newTableChart() | TableChartBuilder | Mulai membuat diagram tabel, seperti yang dijelaskan di Diagram Google Dokumentasi Alat. |
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 dalam 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 dengan 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 terhadap 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 garis dan batang ditumpuk (terakumulasi). |
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 menjadi positif). |
ColumnType
Properti
Properti | Jenis | Deskripsi |
---|---|---|
DATE | Enum | Sesuai dengan nilai tanggal. |
NUMBER | Enum | Sesuai dengan nilai angka. |
STRING | Enum | Berhubungan dengan nilai string. |
CurveStyle
Properti
Properti | Jenis | Deskripsi |
---|---|---|
NORMAL | Enum | Garis lurus tanpa kurva. |
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 | Membangun 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 | Membangun dan menampilkan objek definisi tampilan data yang dibuat menggunakan builder ini. |
setColumns(columns) | DataViewDefinitionBuilder | Menyetel indeks kolom untuk disertakan dalam tampilan data serta menentukan kolom-peran tidak akurat atau tidak sesuai. |
LineChartBuilder
Metode
Metode | Jenis hasil yang ditampilkan | Deskripsi singkat |
---|---|---|
build() | Chart | Membuat diagram. |
reverseCategories() | LineChartBuilder | Membalikkan gambar deret dalam 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 dengan 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 terhadap 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 menjadi positif). |
MatchType
Properti
Properti | Jenis | Deskripsi |
---|---|---|
EXACT | Enum | Hanya cocokkan nilai tepat |
PREFIX | Enum | Mencocokkan awalan yang dimulai dari awal nilai |
ANY | Enum | Mencocokkan 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 label di samping penggeser akan menampilkan jangkauan rentang yang dipilih. |
setTicks(ticks) | NumberRangeFilterBuilder | Menyetel jumlah titik skala (posisi tetap di panel rentang) thumbnail penggeser filter rentang angka bisa jatuh. |
Orientation
Properti
Properti | Jenis | Deskripsi |
---|---|---|
HORIZONTAL | Enum | Orientasi horizontal. |
VERTICAL | Enum | Orientasi vertikal. |
PickerValuesLayout
Properti
Properti | Jenis | Deskripsi |
---|---|---|
ASIDE | Enum | Nilai yang dipilih 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 di bawah ini, tetapi entri yang tidak masuk ke dalam wrapper pemilih akan digabungkan ke baris baru. |
BELOW_STACKED | Enum | Nilai yang dipilih ditampilkan pada kolom di bawah widget. |
PieChartBuilder
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. |
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 dengan 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 terhadap 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 menjadi 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 menjadi 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 hanya boleh cocok dengan nilai yang tepat (MatchType.EXACT ), awalan
mulai dari awal nilai (MatchType.PREFIX ), atau substring apa pun
(MatchType.ANY ). |
setRealtimeTrigger(realtimeTrigger) | StringFilterBuilder | Menetapkan apakah kontrol akan cocok setiap kali tombol ditekan atau hanya saat kolom input 'perubahan' (hilang 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 paging 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 (halaman angkanya berbasis nol). |
enableRtlTable(rtlEnabled) | TableChartBuilder | Menambahkan dukungan dasar untuk bahasa yang ditulis dari kanan ke kiri (seperti bahasa Arab atau Ibrani) dengan membalikkan 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 dengan 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 berdasarkan tabel yang harus diurutkan terlebih dahulu (menaik). |
setInitialSortingDescending(column) | TableChartBuilder | Menetapkan indeks kolom berdasarkan tabel yang harus diurutkan terlebih dahulu (menurun). |
setOption(option, value) | TableChartBuilder | Menetapkan opsi lanjutan untuk diagram ini. |
showRowNumberColumn(showRowNumber) | TableChartBuilder | Menetapkan apakah nomor baris akan ditampilkan sebagai kolom pertama tabel. |
useAlternatingRowStyle(alternate) | TableChartBuilder | Menetapkan apakah gaya warna alternatif ditetapkan untuk 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 dari 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 dibuat 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. |