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

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

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

ChartMergeStrategy

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

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

ChartOptions

วิธีการ

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

ChartType

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

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

Charts

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

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

วิธีการ

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
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

วิธีการ

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
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

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

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

CurveStyle

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

พร็อพเพอร์ตี้Typeคำอธิบาย
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

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

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

วิธีการ

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

NumberRangeFilterBuilder

วิธีการ

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

Orientation

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

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

PickerValuesLayout

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

พร็อพเพอร์ตี้Typeคำอธิบาย
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

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

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

Position

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

พร็อพเพอร์ตี้Typeคำอธิบาย
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ตั้งค่าขนาดแบบอักษรของรูปแบบข้อความ