Charts Service

ชาร์ตเพลง

บริการนี้ช่วยให้ผู้ใช้สร้างแผนภูมิโดยใช้เครื่องมือ 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

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
IGNORE_BOTHEnumค่าเริ่มต้น: แผนภูมิจะข้ามคอลัมน์และแถวที่ซ่อนไว้
IGNORE_ROWSEnumแผนภูมิจะข้ามเฉพาะแถวที่ซ่อน
IGNORE_COLUMNSEnumแผนภูมิจะข้ามเฉพาะคอลัมน์ที่ซ่อนไว้
SHOW_BOTHEnumโดย Charts จะไม่ข้ามคอลัมน์หรือแถวที่ซ่อนไว้

ChartMergeStrategy

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
MERGE_COLUMNSEnumค่าเริ่มต้น
MERGE_ROWSEnumแผนภูมิจะผสานแถวของช่วงหลายช่วง

ChartOptions

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
get(option)Objectแสดงผลตัวเลือกที่กำหนดค่าไว้สำหรับแผนภูมินี้
getOrDefault(option)Objectแสดงผลตัวเลือกที่กำหนดค่าไว้สำหรับแผนภูมินี้

ChartType

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
TIMELINEEnumแผนภูมิเส้นบอกเวลา
AREAEnumแผนภูมิพื้นที่
BAREnumแผนภูมิแท่ง
BUBBLEEnumแผนภูมิฟองอากาศ
CANDLESTICKEnumแผนภูมิแท่งเทียน
COLUMNEnumแผนภูมิคอลัมน์
COMBOEnumแผนภูมิผสม
GAUGEEnumแผนภูมิเกจ์
GEOEnumแผนภูมิภูมิศาสตร์
HISTOGRAMEnumฮิสโตแกรม
RADAREnumแผนภูมิเรดาร์
LINEEnumแผนภูมิเส้น
ORGEnumแผนภูมิองค์กร
PIEEnumแผนภูมิวงกลม
SCATTEREnumแผนภูมิกระจาย
SPARKLINEEnumแผนภูมิเส้นและจุด
STEPPED_AREAEnumแผนภูมิพื้นที่แบบขั้นบันได
TABLEEnumแผนภูมิตาราง
TREEMAPEnumแผนภูมิทรีแม็ป
WATERFALLEnumแผนภูมิน้ำตก

Charts

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyการแจงนับวิธีแสดงมิติข้อมูลที่ซ่อนอยู่ในแหล่งข้อมูลในแผนภูมิ
ChartMergeStrategyChartMergeStrategyการแจงนับวิธีแสดงช่วงหลายช่วงในแหล่งข้อมูลในแผนภูมิ
ChartTypeChartTypeการแจงนับประเภทแผนภูมิที่บริการแผนภูมิรองรับ
ColumnTypeColumnTypeการแจงนับประเภทข้อมูลที่ถูกต้องสำหรับคอลัมน์ใน DataTable
CurveStyleCurveStyleการแจงนับรูปแบบสำหรับเส้นโค้งในแผนภูมิ
PointStylePointStyleการแจงนับรูปแบบของจุดในเส้น
PositionPositionการแจงนับตำแหน่งคำอธิบายในแผนภูมิ

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
newAreaChart()AreaChartBuilderเริ่มสร้างแผนภูมิพื้นที่ตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools
newBarChart()BarChartBuilderเริ่มสร้างแผนภูมิแท่งตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools
newColumnChart()ColumnChartBuilderเริ่มสร้างแผนภูมิคอลัมน์ตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools
newDataTable()DataTableBuilderสร้างตารางข้อมูลที่ว่างเปล่า ซึ่งสามารถตั้งค่าได้ด้วยตนเอง
newDataViewDefinition()DataViewDefinitionBuilderสร้างคำจำกัดความมุมมองข้อมูลใหม่
newLineChart()LineChartBuilderเริ่มสร้างแผนภูมิเส้นตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools
newPieChart()PieChartBuilderเริ่มสร้างแผนภูมิวงกลมตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools
newScatterChart()ScatterChartBuilderเริ่มสร้างแผนภูมิกระจายตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools
newTableChart()TableChartBuilderเริ่มสร้างแผนภูมิตารางตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools
newTextStyle()TextStyleBuilderสร้างเครื่องมือสร้างรูปแบบข้อความใหม่

ColumnChartBuilder

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
build()Chartสร้างแผนภูมิ
reverseCategories()ColumnChartBuilderกลับด้านการวาดชุดข้อมูลในแกนโดเมน
setBackgroundColor(cssValue)ColumnChartBuilderกำหนดสีพื้นหลังให้กับแผนภูมิ
setColors(cssValues)ColumnChartBuilderตั้งค่าสีสำหรับเส้นในแผนภูมิ
setDataSourceUrl(url)ColumnChartBuilderตั้งค่า URL แหล่งข้อมูลที่ใช้ดึงข้อมูลจากแหล่งข้อมูลภายนอก เช่น Google ชีต
setDataTable(tableBuilder)ColumnChartBuilderตั้งค่าตารางข้อมูลที่จะใช้สำหรับแผนภูมิโดยใช้ DataTableBuilder
setDataTable(table)ColumnChartBuilderตั้งค่าตารางข้อมูลที่มีเส้นสำหรับแผนภูมิ รวมถึงป้ายกำกับแกน X
setDataViewDefinition(dataViewDefinition)ColumnChartBuilderกำหนดคำจำกัดความของมุมมองข้อมูลที่จะใช้กับแผนภูมิ
setDimensions(width, height)ColumnChartBuilderกำหนดมิติข้อมูลสำหรับแผนภูมิ
setLegendPosition(position)ColumnChartBuilderกำหนดตำแหน่งของคำอธิบายเทียบกับแผนภูมิ
setLegendTextStyle(textStyle)ColumnChartBuilderตั้งค่ารูปแบบข้อความของคำอธิบายแผนภูมิ
setOption(option, value)ColumnChartBuilderตั้งค่าตัวเลือกขั้นสูงสำหรับแผนภูมินี้
setRange(start, end)ColumnChartBuilderกำหนดช่วงสำหรับแผนภูมิ
setStacked()ColumnChartBuilderใช้เส้นแบบซ้อน ซึ่งหมายความว่าค่าเส้นและค่าแท่งจะซ้อนกัน (สะสม)
setTitle(chartTitle)ColumnChartBuilderตั้งชื่อแผนภูมิ
setTitleTextStyle(textStyle)ColumnChartBuilderตั้งค่ารูปแบบข้อความของชื่อแผนภูมิ
setXAxisTextStyle(textStyle)ColumnChartBuilderตั้งค่ารูปแบบข้อความแกนแนวนอน
setXAxisTitle(title)ColumnChartBuilderเพิ่มชื่อให้กับแกนแนวนอน
setXAxisTitleTextStyle(textStyle)ColumnChartBuilderตั้งค่ารูปแบบข้อความชื่อแกนแนวนอน
setYAxisTextStyle(textStyle)ColumnChartBuilderตั้งค่ารูปแบบข้อความแกนแนวตั้ง
setYAxisTitle(title)ColumnChartBuilderเพิ่มชื่อให้กับแกนแนวตั้ง
setYAxisTitleTextStyle(textStyle)ColumnChartBuilderตั้งค่ารูปแบบข้อความชื่อแกนแนวตั้ง
useLogScale()ColumnChartBuilderเปลี่ยนแกนช่วงเป็นสเกลลอการิทึม (กำหนดให้ค่าทั้งหมดเป็นค่าบวก)

ColumnType

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
DATEEnumสอดคล้องกับค่าวันที่
NUMBEREnumสอดคล้องกับค่าตัวเลข
STRINGEnumสอดคล้องกับค่าสตริง

CurveStyle

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
NORMALEnumเส้นตรงที่ไม่มีเส้นโค้ง
SMOOTHEnumมุมของเส้นจะเรียบขึ้น

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

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
build()Chartสร้างแผนภูมิ
reverseCategories()LineChartBuilderกลับด้านการวาดชุดข้อมูลในแกนโดเมน
setBackgroundColor(cssValue)LineChartBuilderกำหนดสีพื้นหลังให้กับแผนภูมิ
setColors(cssValues)LineChartBuilderตั้งค่าสีสำหรับเส้นในแผนภูมิ
setCurveStyle(style)LineChartBuilderกำหนดรูปแบบที่จะใช้กับเส้นโค้งในแผนภูมิ
setDataSourceUrl(url)LineChartBuilderตั้งค่า URL แหล่งข้อมูลที่ใช้ดึงข้อมูลจากแหล่งข้อมูลภายนอก เช่น Google ชีต
setDataTable(tableBuilder)LineChartBuilderตั้งค่าตารางข้อมูลที่จะใช้สำหรับแผนภูมิโดยใช้ DataTableBuilder
setDataTable(table)LineChartBuilderตั้งค่าตารางข้อมูลที่มีเส้นสำหรับแผนภูมิ รวมถึงป้ายกำกับแกน X
setDataViewDefinition(dataViewDefinition)LineChartBuilderกำหนดคำจำกัดความของมุมมองข้อมูลที่จะใช้กับแผนภูมิ
setDimensions(width, height)LineChartBuilderกำหนดมิติข้อมูลสำหรับแผนภูมิ
setLegendPosition(position)LineChartBuilderกำหนดตำแหน่งของคำอธิบายเทียบกับแผนภูมิ
setLegendTextStyle(textStyle)LineChartBuilderตั้งค่ารูปแบบข้อความของคำอธิบายแผนภูมิ
setOption(option, value)LineChartBuilderตั้งค่าตัวเลือกขั้นสูงสำหรับแผนภูมินี้
setPointStyle(style)LineChartBuilderกำหนดรูปแบบสำหรับจุดในเส้น
setRange(start, end)LineChartBuilderกำหนดช่วงสำหรับแผนภูมิ
setTitle(chartTitle)LineChartBuilderตั้งชื่อแผนภูมิ
setTitleTextStyle(textStyle)LineChartBuilderตั้งค่ารูปแบบข้อความของชื่อแผนภูมิ
setXAxisTextStyle(textStyle)LineChartBuilderตั้งค่ารูปแบบข้อความแกนแนวนอน
setXAxisTitle(title)LineChartBuilderเพิ่มชื่อให้กับแกนแนวนอน
setXAxisTitleTextStyle(textStyle)LineChartBuilderตั้งค่ารูปแบบข้อความชื่อแกนแนวนอน
setYAxisTextStyle(textStyle)LineChartBuilderตั้งค่ารูปแบบข้อความแกนแนวตั้ง
setYAxisTitle(title)LineChartBuilderเพิ่มชื่อให้กับแกนแนวตั้ง
setYAxisTitleTextStyle(textStyle)LineChartBuilderตั้งค่ารูปแบบข้อความชื่อแกนแนวตั้ง
useLogScale()LineChartBuilderเปลี่ยนแกนช่วงเป็นสเกลลอการิทึม (กำหนดให้ค่าทั้งหมดเป็นค่าบวก)

MatchType

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
EXACTEnumตรงกับค่าที่แน่นอนเท่านั้น
PREFIXEnumจับคู่คำนำหน้าโดยเริ่มจากต้นค่า
ANYEnumตรงกับสตริงย่อยใดก็ได้

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
getName()Stringแสดงชื่อประเภทการทำงานของคีย์เวิร์ดที่จะใช้ใน JSON ของตัวเลือก

NumberRangeFilterBuilder

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
setMaxValue(maxValue)NumberRangeFilterBuilderกำหนดค่าสูงสุดที่อนุญาตสำหรับขอบเขตล่างของช่วง
setMinValue(minValue)NumberRangeFilterBuilderกำหนดค่าต่ำสุดที่อนุญาตสำหรับขอบเขตล่างของช่วง
setOrientation(orientation)NumberRangeFilterBuilderตั้งค่าการวางแนวแถบเลื่อน
setShowRangeValues(showRangeValues)NumberRangeFilterBuilderตั้งค่าว่าจะให้มีป้ายกำกับข้างแถบเลื่อนที่แสดงขอบเขตของช่วงที่เลือกหรือไม่
setTicks(ticks)NumberRangeFilterBuilderกำหนดจำนวนขีด (ตำแหน่งคงที่ในแถบช่วง) ที่แถบเลื่อนตัวกรองช่วงตัวเลขสามารถเลื่อนได้

Orientation

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
HORIZONTALEnumการวางแนวนอน
VERTICALEnumการวางแนวตั้ง

PickerValuesLayout

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
ASIDEEnumค่าที่เลือกจะแสดงในบรรทัดข้อความเดียวข้างวิดเจ็ตตัวเลือกค่า
BELOWEnumค่าที่เลือกจะแสดงในบรรทัดข้อความเดียวใต้เครื่องมือ
BELOW_WRAPPINGEnumคล้ายกับด้านล่าง แต่รายการที่แสดงในเครื่องมือเลือกไม่ได้จะขึ้นบรรทัดใหม่
BELOW_STACKEDEnumค่าที่เลือกจะแสดงในคอลัมน์ใต้เครื่องมือ

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

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
NONEEnumไม่ต้องแสดงจุดของเส้น
TINYEnumใช้จุดเส้นขนาดเล็ก
MEDIUMEnumใช้จุดเส้นขนาดกลาง
LARGEEnumใช้จุดเส้นขนาดใหญ่
HUGEEnumใช้จุดเส้นขนาดใหญ่ที่สุด

Position

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ประเภทคำอธิบาย
TOPEnumเหนือแผนภูมิ
RIGHTEnumทางด้านขวาของแผนภูมิ
BOTTOMEnumด้านล่างแผนภูมิ
NONEEnumไม่มีการแสดงคำอธิบาย

ScatterChartBuilder

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
build()Chartสร้างแผนภูมิ
setBackgroundColor(cssValue)ScatterChartBuilderกำหนดสีพื้นหลังให้กับแผนภูมิ
setColors(cssValues)ScatterChartBuilderตั้งค่าสีสำหรับเส้นในแผนภูมิ
setDataSourceUrl(url)ScatterChartBuilderตั้งค่า URL แหล่งข้อมูลที่ใช้ดึงข้อมูลจากแหล่งข้อมูลภายนอก เช่น Google ชีต
setDataTable(tableBuilder)ScatterChartBuilderตั้งค่าตารางข้อมูลที่จะใช้สำหรับแผนภูมิโดยใช้ DataTableBuilder
setDataTable(table)ScatterChartBuilderตั้งค่าตารางข้อมูลที่มีเส้นสำหรับแผนภูมิ รวมถึงป้ายกำกับแกน X
setDataViewDefinition(dataViewDefinition)ScatterChartBuilderกำหนดคำจำกัดความของมุมมองข้อมูลที่จะใช้กับแผนภูมิ
setDimensions(width, height)ScatterChartBuilderกำหนดมิติข้อมูลสำหรับแผนภูมิ
setLegendPosition(position)ScatterChartBuilderกำหนดตำแหน่งของคำอธิบายเทียบกับแผนภูมิ
setLegendTextStyle(textStyle)ScatterChartBuilderตั้งค่ารูปแบบข้อความของคำอธิบายแผนภูมิ
setOption(option, value)ScatterChartBuilderตั้งค่าตัวเลือกขั้นสูงสำหรับแผนภูมินี้
setPointStyle(style)ScatterChartBuilderกำหนดรูปแบบสำหรับจุดในเส้น
setTitle(chartTitle)ScatterChartBuilderตั้งชื่อแผนภูมิ
setTitleTextStyle(textStyle)ScatterChartBuilderตั้งค่ารูปแบบข้อความของชื่อแผนภูมิ
setXAxisLogScale()ScatterChartBuilderเปลี่ยนแกนนอนเป็นสเกลลอการิทึม (ต้องมีค่าทั้งหมดเป็นค่าบวก)
setXAxisRange(start, end)ScatterChartBuilderกำหนดช่วงสำหรับแกนแนวนอนของแผนภูมิ
setXAxisTextStyle(textStyle)ScatterChartBuilderตั้งค่ารูปแบบข้อความแกนแนวนอน
setXAxisTitle(title)ScatterChartBuilderเพิ่มชื่อให้กับแกนแนวนอน
setXAxisTitleTextStyle(textStyle)ScatterChartBuilderตั้งค่ารูปแบบข้อความชื่อแกนแนวนอน
setYAxisLogScale()ScatterChartBuilderเปลี่ยนแกนตั้งเป็นสเกลลอการิทึม (ต้องมีค่าทั้งหมดเป็นค่าบวก)
setYAxisRange(start, end)ScatterChartBuilderกำหนดช่วงสำหรับแกนแนวตั้งของแผนภูมิ
setYAxisTextStyle(textStyle)ScatterChartBuilderตั้งค่ารูปแบบข้อความแกนแนวตั้ง
setYAxisTitle(title)ScatterChartBuilderเพิ่มชื่อให้กับแกนแนวตั้ง
setYAxisTitleTextStyle(textStyle)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กำหนดขนาดแบบอักษรของรูปแบบข้อความ