หน้านี้ได้รับการแปลโดย Cloud Translation API

Charts Service

บริการนี้ช่วยให้ผู้ใช้สร้างแผนภูมิโดยใช้เครื่องมือแผนภูมิของ Google และแสดงผลบนฝั่งเซิร์ฟเวอร์ได้ หากต้องการแสดงผลแผนภูมิในเว็บเบราว์เซอร์ ให้ใช้ 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_BOTH`	`Enum`	ค่าเริ่มต้น แผนภูมิจะข้ามคอลัมน์และแถวที่ซ่อนอยู่
`IGNORE_ROWS`	`Enum`	แผนภูมิจะข้ามเฉพาะแถวที่ซ่อนอยู่
`IGNORE_COLUMNS`	`Enum`	แผนภูมิจะข้ามเฉพาะคอลัมน์ที่ซ่อนอยู่
`SHOW_BOTH`	`Enum`	แผนภูมิจะไม่ข้ามคอลัมน์หรือแถวที่ซ่อนอยู่

`ChartMergeStrategy`

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

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

`ChartOptions`

เมธอด

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

`ChartType`

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

พร็อพเพอร์ตี้	ประเภท	คำอธิบาย
`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`	แผนภูมิ Tree Map
`WATERFALL`	`Enum`	แผนภูมิ Waterfall

`Charts`

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

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

เมธอด

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

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

พร็อพเพอร์ตี้	ประเภท	คำอธิบาย
`DATE`	`Enum`	สอดคล้องกับค่าวันที่
`NUMBER`	`Enum`	สอดคล้องกับค่าตัวเลข
`STRING`	`Enum`	สอดคล้องกับค่าสตริง

`CurveStyle`

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

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

เมธอด

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

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

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

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

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

`PickerValuesLayout`

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

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

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

พร็อพเพอร์ตี้	ประเภท	คำอธิบาย
`NONE`	`Enum`	ไม่แสดงจุดของเส้น
`TINY`	`Enum`	ใช้จุดเล็กๆ บนเส้น
`MEDIUM`	`Enum`	ใช้จุดของเส้นขนาดกลาง
`LARGE`	`Enum`	ใช้จุดของเส้นขนาดใหญ่
`HUGE`	`Enum`	ใช้จุดเส้นที่มีขนาดใหญ่ที่สุด

`Position`

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

พร็อพเพอร์ตี้	ประเภท	คำอธิบาย
`TOP`	`Enum`	เหนือแผนภูมิ
`RIGHT`	`Enum`	ทางด้านขวาของแผนภูมิ
`BOTTOM`	`Enum`	ใต้แผนภูมิ
`NONE`	`Enum`	ไม่มีการแสดงคําอธิบาย

`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`	กำหนดขนาดแบบอักษรของรูปแบบข้อความ