บริการนี้อนุญาตให้ผู้ใช้สร้างแผนภูมิโดยใช้เครื่องมือ Google Charts และแสดงผลแผนภูมิฝั่งเซิร์ฟเวอร์ หากต้องการแสดงผลแผนภูมิในเว็บเบราว์เซอร์ ให้ใช้ Google Charts API แทน
ตัวอย่างนี้สร้างตารางข้อมูลพื้นฐาน สร้างแผนภูมิพื้นที่ด้วยข้อมูล และเพิ่มลงในหน้าเว็บเป็นรูปภาพ
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;
}
คลาส
ชื่อ | รายละเอียดแบบย่อ |
---|---|
AreaChartBuilder | เครื่องมือสร้างแผนภูมิพื้นที่ |
BarChartBuilder | เครื่องมือสร้างแผนภูมิแท่ง |
Chart | ออบเจ็กต์แผนภูมิ ซึ่งแปลงเป็นภาพนิ่งได้ |
ChartHiddenDimensionStrategy | การแจงนับมิติข้อมูลที่ซ่อนในแหล่งข้อมูลแสดงในแผนภูมิ |
ChartMergeStrategy | การแจกแจงของหลายช่วงในแหล่งข้อมูลที่แสดงในแผนภูมิ |
ChartOptions | แสดงตัวเลือกที่กำหนดค่าไว้สำหรับ Chart อยู่ในขณะนี้ เช่น ความสูง สี ฯลฯ |
ChartType | ประเภทแผนภูมิที่บริการแผนภูมิรองรับ |
Charts | จุดแรกเข้าสําหรับการสร้างแผนภูมิในสคริปต์ |
ColumnChartBuilder | เครื่องมือสร้างแผนภูมิคอลัมน์ |
ColumnType | การแจกแจงประเภทข้อมูลที่ถูกต้องสำหรับคอลัมน์ใน DataTable |
CurveStyle | การแจกแจงรูปแบบสำหรับเส้นโค้งในแผนภูมิ |
DataTable | ตารางข้อมูลที่จะใช้ในแผนภูมิ |
DataTableBuilder | เครื่องมือสร้างออบเจ็กต์ DataTable |
DataTableSource | อินเทอร์เฟซสำหรับออบเจ็กต์ที่แสดงข้อมูลของวัตถุได้เป็น DataTable |
DataViewDefinition | คําจํากัดความของมุมมองข้อมูลสำหรับการแสดงข้อมูลแผนภูมิ |
DataViewDefinitionBuilder | เครื่องมือสร้างสำหรับออบเจ็กต์ DataViewDefinition รายการ |
LineChartBuilder | เครื่องมือสร้างแผนภูมิเส้น |
MatchType | การแจกแจงวิธีการจับคู่ค่าสตริง |
NumberRangeFilterBuilder | เครื่องมือสร้างสำหรับการควบคุมตัวกรองช่วงหมายเลข |
Orientation | การแจกแจงการวางแนวของวัตถุ |
PickerValuesLayout | การแจงนับวิธีแสดงค่าที่เลือกในวิดเจ็ตเครื่องมือเลือก |
PieChartBuilder | เครื่องมือสร้างแผนภูมิวงกลม |
PointStyle | การแจกแจงรูปแบบของจุดในเส้น |
Position | การแจงนับตำแหน่งของคำอธิบายภายในแผนภูมิ |
ScatterChartBuilder | เครื่องมือสร้างแผนภูมิกระจาย |
StringFilterBuilder | เครื่องมือสร้างสำหรับการควบคุมตัวกรองสตริง |
TableChartBuilder | เครื่องมือสร้างแผนภูมิตาราง |
TextStyle | ออบเจ็กต์การกำหนดค่ารูปแบบข้อความ |
TextStyleBuilder | เครื่องมือสร้างที่ใช้เพื่อสร้างออบเจ็กต์ TextStyle รายการ |
AreaChartBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
build() | Chart | สร้างแผนภูมิ |
reverseCategories() | AreaChartBuilder | กลับการวาดของอนุกรมในแกนโดเมน |
setBackgroundColor(cssValue) | AreaChartBuilder | ตั้งค่าสีพื้นหลังของแผนภูมิ |
setColors(cssValues) | AreaChartBuilder | ตั้งค่าสีสำหรับเส้นในแผนภูมิ |
setDataSourceUrl(url) | AreaChartBuilder | ตั้งค่า URL ของแหล่งข้อมูลที่ใช้เพื่อดึงข้อมูลเข้ามาจากแหล่งที่มาภายนอก เช่น Google ชีต |
setDataTable(tableBuilder) | AreaChartBuilder | ตั้งค่าตารางข้อมูลที่จะใช้สำหรับแผนภูมิโดยใช้ DataTableBuilder |
setDataTable(table) | AreaChartBuilder | ตั้งค่าตารางข้อมูลที่มีเส้นสำหรับแผนภูมิ และป้ายกำกับแกน X |
setDataViewDefinition(dataViewDefinition) | AreaChartBuilder | กำหนดมุมมองข้อมูลที่จะใช้กับแผนภูมิ |
setDimensions(width, height) | AreaChartBuilder | ตั้งค่ามิติข้อมูลสำหรับแผนภูมิ |
setLegendPosition(position) | AreaChartBuilder | กำหนดตำแหน่งของคำอธิบายตามแผนภูมิ |
setLegendTextStyle(textStyle) | AreaChartBuilder | ตั้งค่ารูปแบบข้อความของคำอธิบายแผนภูมิ |
setOption(option, value) | AreaChartBuilder | ตั้งค่าตัวเลือกขั้นสูงสำหรับแผนภูมินี้ |
setPointStyle(style) | AreaChartBuilder | กำหนดรูปแบบสำหรับจุดในเส้น |
setRange(start, end) | AreaChartBuilder | ตั้งค่าช่วงสำหรับแผนภูมิ |
setStacked() | AreaChartBuilder | ใช้เส้นที่ซ้อนกันซึ่งหมายความว่าค่าของเส้นและแท่งจะเรียงซ้อนกัน (สะสม) |
setTitle(chartTitle) | AreaChartBuilder | ตั้งชื่อของแผนภูมิ |
setTitleTextStyle(textStyle) | AreaChartBuilder | ตั้งค่ารูปแบบข้อความของชื่อแผนภูมิ |
setXAxisTextStyle(textStyle) | AreaChartBuilder | ตั้งค่ารูปแบบข้อความของแกนแนวนอน |
setXAxisTitle(title) | AreaChartBuilder | เพิ่มชื่อให้กับแกนแนวนอน |
setXAxisTitleTextStyle(textStyle) | AreaChartBuilder | ตั้งค่ารูปแบบข้อความชื่อของแกนแนวนอน |
setYAxisTextStyle(textStyle) | AreaChartBuilder | ตั้งค่ารูปแบบข้อความของแกนแนวตั้ง |
setYAxisTitle(title) | AreaChartBuilder | เพิ่มชื่อให้กับแกนแนวตั้ง |
setYAxisTitleTextStyle(textStyle) | AreaChartBuilder | ตั้งค่ารูปแบบข้อความชื่อของแกนแนวตั้ง |
useLogScale() | AreaChartBuilder | สร้างแกนช่วงเป็นสเกลลอการิทึม (กำหนดให้ค่าทั้งหมดเป็นค่าบวก) |
BarChartBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
build() | Chart | สร้างแผนภูมิ |
reverseCategories() | BarChartBuilder | กลับการวาดของอนุกรมในแกนโดเมน |
reverseDirection() | BarChartBuilder | กลับทิศทางที่แท่งกราฟเติบโตตามแกนแนวนอน |
setBackgroundColor(cssValue) | BarChartBuilder | ตั้งค่าสีพื้นหลังของแผนภูมิ |
setColors(cssValues) | BarChartBuilder | ตั้งค่าสีสำหรับเส้นในแผนภูมิ |
setDataSourceUrl(url) | BarChartBuilder | ตั้งค่า URL ของแหล่งข้อมูลที่ใช้เพื่อดึงข้อมูลเข้ามาจากแหล่งที่มาภายนอก เช่น Google ชีต |
setDataTable(tableBuilder) | BarChartBuilder | ตั้งค่าตารางข้อมูลที่จะใช้สำหรับแผนภูมิโดยใช้ DataTableBuilder |
setDataTable(table) | BarChartBuilder | ตั้งค่าตารางข้อมูลที่มีเส้นสำหรับแผนภูมิ และป้ายกำกับแกน X |
setDataViewDefinition(dataViewDefinition) | BarChartBuilder | กำหนดมุมมองข้อมูลที่จะใช้กับแผนภูมิ |
setDimensions(width, height) | BarChartBuilder | ตั้งค่ามิติข้อมูลสำหรับแผนภูมิ |
setLegendPosition(position) | BarChartBuilder | กำหนดตำแหน่งของคำอธิบายตามแผนภูมิ |
setLegendTextStyle(textStyle) | BarChartBuilder | ตั้งค่ารูปแบบข้อความของคำอธิบายแผนภูมิ |
setOption(option, value) | BarChartBuilder | ตั้งค่าตัวเลือกขั้นสูงสำหรับแผนภูมินี้ |
setRange(start, end) | BarChartBuilder | ตั้งค่าช่วงสำหรับแผนภูมิ |
setStacked() | BarChartBuilder | ใช้เส้นที่ซ้อนกันซึ่งหมายความว่าค่าของเส้นและแท่งจะเรียงซ้อนกัน (สะสม) |
setTitle(chartTitle) | BarChartBuilder | ตั้งชื่อของแผนภูมิ |
setTitleTextStyle(textStyle) | BarChartBuilder | ตั้งค่ารูปแบบข้อความของชื่อแผนภูมิ |
setXAxisTextStyle(textStyle) | BarChartBuilder | ตั้งค่ารูปแบบข้อความของแกนแนวนอน |
setXAxisTitle(title) | BarChartBuilder | เพิ่มชื่อให้กับแกนแนวนอน |
setXAxisTitleTextStyle(textStyle) | BarChartBuilder | ตั้งค่ารูปแบบข้อความชื่อของแกนแนวนอน |
setYAxisTextStyle(textStyle) | BarChartBuilder | ตั้งค่ารูปแบบข้อความของแกนแนวตั้ง |
setYAxisTitle(title) | BarChartBuilder | เพิ่มชื่อให้กับแกนแนวตั้ง |
setYAxisTitleTextStyle(textStyle) | BarChartBuilder | ตั้งค่ารูปแบบข้อความชื่อของแกนแนวตั้ง |
useLogScale() | BarChartBuilder | สร้างแกนช่วงเป็นสเกลลอการิทึม (กำหนดให้ค่าทั้งหมดเป็นค่าบวก) |
Chart
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
getAs(contentType) | Blob | แสดงผลข้อมูลภายในออบเจ็กต์นี้เป็น Blob ที่แปลงเป็นประเภทเนื้อหาที่ระบุ |
getBlob() | Blob | แสดงผลข้อมูลภายในออบเจ็กต์นี้เป็น Blob |
getOptions() | ChartOptions | แสดงตัวเลือกสำหรับแผนภูมินี้ เช่น ความสูง สี และแกน |
ChartHiddenDimensionStrategy
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
IGNORE_BOTH | Enum | ค่าเริ่มต้น แผนภูมิจะข้ามคอลัมน์และแถวที่ซ่อนไว้ |
IGNORE_ROWS | Enum | แผนภูมิจะข้ามแถวที่ซ่อนเท่านั้น |
IGNORE_COLUMNS | Enum | แผนภูมิจะข้ามคอลัมน์ที่ซ่อนเท่านั้น |
SHOW_BOTH | Enum | แผนภูมิจะไม่ข้ามคอลัมน์หรือแถวที่ซ่อนอยู่ |
ChartMergeStrategy
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
MERGE_COLUMNS | Enum | ค่าเริ่มต้น |
MERGE_ROWS | Enum | แผนภูมิจะผสานแถวของช่วงหลายช่วงเข้าด้วยกัน |
ChartOptions
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
get(option) | Object | แสดงตัวเลือกที่กำหนดค่าไว้สำหรับแผนภูมินี้ |
getOrDefault(option) | Object | แสดงตัวเลือกที่กำหนดค่าไว้สำหรับแผนภูมินี้ |
ChartType
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
TIMELINE | Enum | แผนภูมิเส้นบอกเวลา |
AREA | Enum | แผนภูมิพื้นที่ |
BAR | Enum | แผนภูมิแท่ง |
BUBBLE | Enum | แผนภูมิฟองอากาศ |
CANDLESTICK | Enum | แผนภูมิแท่งเทียน |
COLUMN | Enum | แผนภูมิคอลัมน์ |
COMBO | Enum | แผนภูมิผสม |
GAUGE | Enum | แผนภูมิเกจ์ |
GEO | Enum | แผนภูมิภูมิศาสตร์ |
HISTOGRAM | Enum | ฮิสโตแกรม |
RADAR | Enum | แผนภูมิเรดาร์ |
LINE | Enum | แผนภูมิเส้น |
ORG | Enum | แผนภูมิองค์กร |
PIE | Enum | แผนภูมิวงกลม |
SCATTER | Enum | แผนภูมิกระจาย |
SPARKLINE | Enum | แผนภูมิเส้นและจุด |
STEPPED_AREA | Enum | แผนภูมิพื้นที่แบบขั้นบันได |
TABLE | Enum | แผนภูมิตาราง |
TREEMAP | Enum | แผนภูมิทรีแม็ป |
WATERFALL | Enum | แผนภูมิ Waterfall |
Charts
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
ChartHiddenDimensionStrategy | ChartHiddenDimensionStrategy | การแจงนับมิติข้อมูลที่ซ่อนในแหล่งข้อมูลแสดงในแผนภูมิ |
ChartMergeStrategy | ChartMergeStrategy | การแจกแจงของหลายช่วงในแหล่งข้อมูลที่แสดงในแผนภูมิ |
ChartType | ChartType | การแจงนับประเภทแผนภูมิที่บริการแผนภูมิรองรับ |
ColumnType | ColumnType | การแจกแจงประเภทข้อมูลที่ถูกต้องสำหรับคอลัมน์ใน DataTable |
CurveStyle | CurveStyle | การแจกแจงรูปแบบสำหรับเส้นโค้งในแผนภูมิ |
PointStyle | PointStyle | การแจกแจงรูปแบบของจุดในเส้น |
Position | Position | การแจงนับตำแหน่งของคำอธิบายภายในแผนภูมิ |
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
newAreaChart() | AreaChartBuilder | เริ่มสร้างแผนภูมิพื้นที่ตามที่อธิบายไว้ในเอกสารประกอบเกี่ยวกับเครื่องมือ Google แผนภูมิ |
newBarChart() | BarChartBuilder | เริ่มสร้างแผนภูมิแท่งตามที่อธิบายไว้ในเอกสารประกอบเกี่ยวกับเครื่องมือ Google แผนภูมิ |
newColumnChart() | ColumnChartBuilder | เริ่มสร้างแผนภูมิคอลัมน์ตามที่อธิบายไว้ในเอกสารประกอบเกี่ยวกับเครื่องมือ Google แผนภูมิ |
newDataTable() | DataTableBuilder | สร้างตารางข้อมูลที่ว่างเปล่า ซึ่งสามารถกำหนดค่าของตารางด้วยตนเองได้ |
newDataViewDefinition() | DataViewDefinitionBuilder | สร้างคำจำกัดความมุมมองข้อมูลใหม่ |
newLineChart() | LineChartBuilder | เริ่มสร้างแผนภูมิเส้นตามที่อธิบายไว้ในเอกสารประกอบเครื่องมือของ Google แผนภูมิ |
newPieChart() | PieChartBuilder | เริ่มสร้างแผนภูมิวงกลมตามที่อธิบายไว้ในเอกสารประกอบเกี่ยวกับเครื่องมือแผนภูมิของ Google |
newScatterChart() | ScatterChartBuilder | เริ่มสร้างแผนภูมิกระจายตามที่อธิบายไว้ในเอกสารประกอบเกี่ยวกับเครื่องมือแผนภูมิของ Google |
newTableChart() | TableChartBuilder | เริ่มสร้างแผนภูมิตารางตามที่อธิบายไว้ในเอกสารประกอบเกี่ยวกับเครื่องมือ Google แผนภูมิ |
newTextStyle() | TextStyleBuilder | สร้างเครื่องมือสร้างรูปแบบข้อความใหม่ |
ColumnChartBuilder
วิธีการ
ColumnType
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
DATE | Enum | ตรงกับค่าวันที่ |
NUMBER | Enum | ตรงกับค่าตัวเลข |
STRING | Enum | ตรงกับค่าสตริง |
CurveStyle
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
NORMAL | Enum | เส้นตรงที่ไม่มีเส้นโค้ง |
SMOOTH | Enum | มุมของเส้นจะถูกทำให้เรียบ |
DataTable
DataTableBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
addColumn(type, label) | DataTableBuilder | เพิ่มคอลัมน์ในตารางข้อมูล |
addRow(values) | DataTableBuilder | เพิ่มแถวในตารางข้อมูล |
build() | DataTable | สร้างและแสดงผลตารางข้อมูล |
setValue(row, column, value) | DataTableBuilder | ตั้งค่าเฉพาะในตาราง |
DataTableSource
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
getDataTable() | DataTable | แสดงผลข้อมูลภายในออบเจ็กต์นี้เป็น DataTable |
DataViewDefinition
DataViewDefinitionBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
build() | DataViewDefinition | สร้างและแสดงผลออบเจ็กต์คำจำกัดความมุมมองข้อมูลที่สร้างขึ้นโดยใช้เครื่องมือสร้างนี้ |
setColumns(columns) | DataViewDefinitionBuilder | ตั้งค่าดัชนีของคอลัมน์ที่จะรวมในมุมมองข้อมูล ตลอดจนระบุข้อมูลบทบาท-คอลัมน์ |
LineChartBuilder
วิธีการ
MatchType
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
EXACT | Enum | จับคู่แบบตรงทั้งหมดเท่านั้น |
PREFIX | Enum | จับคู่คำนำหน้าที่เริ่มจากต้นค่า |
ANY | Enum | ตรงกับสตริงย่อยใดก็ได้ |
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
getName() | String | แสดงชื่อของประเภทการจับคู่ที่จะใช้ในตัวเลือก JSON |
NumberRangeFilterBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
setMaxValue(maxValue) | NumberRangeFilterBuilder | ตั้งค่าสูงสุดที่อนุญาตสำหรับขอบเขตที่ต่ำกว่าช่วง |
setMinValue(minValue) | NumberRangeFilterBuilder | ตั้งค่าต่ำสุดที่อนุญาตสำหรับขอบเขตระดับล่าง |
setOrientation(orientation) | NumberRangeFilterBuilder | ตั้งค่าการวางแนวของแถบเลื่อน |
setShowRangeValues(showRangeValues) | NumberRangeFilterBuilder | ตั้งค่าว่าจะให้มีป้ายกำกับถัดจากแถบเลื่อนที่แสดงขอบเขตของช่วงที่เลือกหรือไม่ |
setTicks(ticks) | NumberRangeFilterBuilder | กำหนดจำนวนขีด (ตำแหน่งคงที่ในแถบช่วง) ที่นิ้วโป้งตัวเลื่อนตัวกรองช่วงตัวเลขสามารถใส่ได้ |
Orientation
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
HORIZONTAL | Enum | การวางแนวนอน |
VERTICAL | Enum | การวางแนวตั้ง |
PickerValuesLayout
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
ASIDE | Enum | ค่าที่เลือกจะแสดงในบรรทัดข้อความเดียวถัดจากวิดเจ็ตเครื่องมือเลือกค่า |
BELOW | Enum | ค่าที่เลือกจะแสดงเป็นบรรทัดข้อความเดียวใต้วิดเจ็ต |
BELOW_WRAPPING | Enum | คล้ายกับด้านล่าง แต่รายการที่ไม่พอดีกับเครื่องมือเลือกจะตัดไปขึ้นบรรทัดใหม่ |
BELOW_STACKED | Enum | ค่าที่เลือกจะแสดงในคอลัมน์ใต้วิดเจ็ต |
PieChartBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
build() | Chart | สร้างแผนภูมิ |
reverseCategories() | PieChartBuilder | กลับการวาดของอนุกรมในแกนโดเมน |
set3D() | PieChartBuilder | ตั้งค่าแผนภูมิให้เป็น 3 มิติ |
setBackgroundColor(cssValue) | PieChartBuilder | ตั้งค่าสีพื้นหลังของแผนภูมิ |
setColors(cssValues) | PieChartBuilder | ตั้งค่าสีสำหรับเส้นในแผนภูมิ |
setDataSourceUrl(url) | PieChartBuilder | ตั้งค่า URL ของแหล่งข้อมูลที่ใช้เพื่อดึงข้อมูลเข้ามาจากแหล่งที่มาภายนอก เช่น Google ชีต |
setDataTable(tableBuilder) | PieChartBuilder | ตั้งค่าตารางข้อมูลที่จะใช้สำหรับแผนภูมิโดยใช้ DataTableBuilder |
setDataTable(table) | PieChartBuilder | ตั้งค่าตารางข้อมูลที่มีเส้นสำหรับแผนภูมิ และป้ายกำกับแกน X |
setDataViewDefinition(dataViewDefinition) | PieChartBuilder | กำหนดมุมมองข้อมูลที่จะใช้กับแผนภูมิ |
setDimensions(width, height) | PieChartBuilder | ตั้งค่ามิติข้อมูลสำหรับแผนภูมิ |
setLegendPosition(position) | PieChartBuilder | กำหนดตำแหน่งของคำอธิบายตามแผนภูมิ |
setLegendTextStyle(textStyle) | PieChartBuilder | ตั้งค่ารูปแบบข้อความของคำอธิบายแผนภูมิ |
setOption(option, value) | PieChartBuilder | ตั้งค่าตัวเลือกขั้นสูงสำหรับแผนภูมินี้ |
setTitle(chartTitle) | PieChartBuilder | ตั้งชื่อของแผนภูมิ |
setTitleTextStyle(textStyle) | PieChartBuilder | ตั้งค่ารูปแบบข้อความของชื่อแผนภูมิ |
PointStyle
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
NONE | Enum | ไม่แสดงจุดของเส้น |
TINY | Enum | ใช้จุดที่เป็นเส้นขนาดเล็ก |
MEDIUM | Enum | ใช้จุดเส้นขนาดกลาง |
LARGE | Enum | ใช้จุดของเส้นขนาดใหญ่ |
HUGE | Enum | ใช้จุดของเส้นขนาดใหญ่ที่สุด |
Position
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | Type | คำอธิบาย |
---|---|---|
TOP | Enum | เหนือแผนภูมิ |
RIGHT | Enum | ทางด้านขวาของแผนภูมิ |
BOTTOM | Enum | ใต้แผนภูมิ |
NONE | Enum | ระบบจะไม่แสดงคำอธิบาย |
ScatterChartBuilder
วิธีการ
StringFilterBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
setCaseSensitive(caseSensitive) | StringFilterBuilder | ตั้งค่าว่าการจับคู่ควรคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่หรือไม่ |
setMatchType(matchType) | StringFilterBuilder | ตั้งค่าว่าตัวควบคุมควรตรงกับค่าที่ตรงกันเท่านั้น (MatchType.EXACT ) คำนำหน้าที่เริ่มจากจุดเริ่มต้นของค่า (MatchType.PREFIX ) หรือสตริงย่อย (MatchType.ANY ) |
setRealtimeTrigger(realtimeTrigger) | StringFilterBuilder | ตั้งค่าว่าตัวควบคุมควรตรงกับเมื่อมีการกดแป้น หรือเฉพาะเมื่อช่องป้อนข้อมูล "เปลี่ยนแปลง" (หลุดโฟกัส หรือการกดแป้น Enter) |
TableChartBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
build() | Chart | สร้างแผนภูมิ |
enablePaging(enablePaging) | TableChartBuilder | ตั้งค่าว่าจะเปิดใช้การสลับหน้าผ่านทางข้อมูลหรือไม่ |
enablePaging(pageSize) | TableChartBuilder | เปิดใช้การแบ่งหน้าและกำหนดจำนวนแถวในแต่ละหน้า |
enablePaging(pageSize, startPage) | TableChartBuilder | เปิดใช้การแบ่งหน้า กำหนดจำนวนแถวในแต่ละหน้าและหน้าเว็บแรกในตารางที่จะแสดง (เลขหน้าไม่อิงกับ 0) |
enableRtlTable(rtlEnabled) | TableChartBuilder | เพิ่มการสนับสนุนพื้นฐานสำหรับภาษาที่อ่านจากขวาไปซ้าย (เช่น อาหรับหรือฮีบรู) โดยการกลับลำดับคอลัมน์ของตาราง เพื่อให้คอลัมน์ 0 เป็นคอลัมน์ด้านขวาสุด และคอลัมน์สุดท้ายคือคอลัมน์ซ้ายสุด |
enableSorting(enableSorting) | TableChartBuilder | ตั้งค่าว่าจะจัดเรียงคอลัมน์หรือไม่เมื่อผู้ใช้คลิกส่วนหัวของคอลัมน์ |
setDataSourceUrl(url) | TableChartBuilder | ตั้งค่า URL ของแหล่งข้อมูลที่ใช้เพื่อดึงข้อมูลเข้ามาจากแหล่งที่มาภายนอก เช่น Google ชีต |
setDataTable(tableBuilder) | TableChartBuilder | ตั้งค่าตารางข้อมูลที่จะใช้สำหรับแผนภูมิโดยใช้ DataTableBuilder |
setDataTable(table) | TableChartBuilder | ตั้งค่าตารางข้อมูลที่มีเส้นสำหรับแผนภูมิ และป้ายกำกับแกน X |
setDataViewDefinition(dataViewDefinition) | TableChartBuilder | กำหนดมุมมองข้อมูลที่จะใช้กับแผนภูมิ |
setDimensions(width, height) | TableChartBuilder | ตั้งค่ามิติข้อมูลสำหรับแผนภูมิ |
setFirstRowNumber(number) | TableChartBuilder | ตั้งค่าหมายเลขแถวสำหรับแถวแรกในตารางข้อมูล |
setInitialSortingAscending(column) | TableChartBuilder | ตั้งค่าดัชนีของคอลัมน์ตามที่ควรจะมีการจัดเรียงตารางในขั้นต้น (จากน้อยไปมาก) |
setInitialSortingDescending(column) | TableChartBuilder | ตั้งค่าดัชนีของคอลัมน์ตามที่ตารางควรจัดเรียงในขั้นต้น (จากมากไปน้อย) |
setOption(option, value) | TableChartBuilder | ตั้งค่าตัวเลือกขั้นสูงสำหรับแผนภูมินี้ |
showRowNumberColumn(showRowNumber) | TableChartBuilder | ตั้งค่าว่าจะแสดงหมายเลขแถวเป็นคอลัมน์แรกของตารางหรือไม่ |
useAlternatingRowStyle(alternate) | TableChartBuilder | ตั้งค่าว่าจะกำหนดรูปแบบการสลับสีให้กับแถวคี่และแถวคู่ของแผนภูมิตารางหรือไม่ |
TextStyle
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
getColor() | String | รับสีของรูปแบบข้อความ |
getFontName() | String | รับชื่อแบบอักษรของรูปแบบข้อความ |
getFontSize() | Number | รับขนาดแบบอักษรของรูปแบบข้อความ |
TextStyleBuilder
วิธีการ
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
build() | TextStyle | สร้างและแสดงผลออบเจ็กต์การกำหนดค่ารูปแบบข้อความที่สร้างขึ้นโดยใช้เครื่องมือสร้างนี้ |
setColor(cssValue) | TextStyleBuilder | ตั้งค่าสีของรูปแบบข้อความ |
setFontName(fontName) | TextStyleBuilder | ตั้งชื่อแบบอักษรของรูปแบบข้อความ |
setFontSize(fontSize) | TextStyleBuilder | ตั้งค่าขนาดแบบอักษรของรูปแบบข้อความ |