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

Class Charts

จุดแรกเข้าสำหรับการสร้างแผนภูมิในสคริปต์

ตัวอย่างนี้สร้างตารางข้อมูลพื้นฐาน แสดงข้อมูลในแผนภูมิพื้นที่ แล้วเพิ่มข้อมูล ไปยังหน้าเว็บเป็นรูปภาพ:

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;
}

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

พร็อพเพอร์ตี้	ประเภท	คำอธิบาย
`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`	สร้างเครื่องมือสร้างรูปแบบข้อความใหม่

เอกสารโดยละเอียด

`newAreaChart()`

เริ่มสร้างแผนภูมิพื้นที่ตามที่อธิบายไว้ในแผนภูมิของ Google "เครื่องมือ"

รีเทิร์น

AreaChartBuilder — AreaChartBuilder ซึ่งใช้สร้างแผนภูมิพื้นที่ได้

`newBarChart()`

เริ่มสร้างแผนภูมิแท่งตามที่อธิบายไว้ในแผนภูมิของ Google "เครื่องมือ"

รีเทิร์น

BarChartBuilder — BarChartBuilder สร้างแผนภูมิแท่งได้

`newColumnChart()`

เริ่มสร้างแผนภูมิคอลัมน์ตามที่อธิบายไว้ในแผนภูมิของ Google "เครื่องมือ"

รีเทิร์น

ColumnChartBuilder — ColumnChartBuilder ที่ใช้สร้างแผนภูมิคอลัมน์ได้

`newDataTable()`

สร้างตารางข้อมูลว่างซึ่งตั้งค่าได้ด้วยตนเอง

ตารางข้อมูลมีข้อมูลของแผนภูมิทุกประเภท

รีเทิร์น

DataTableBuilder — DataTableBuilder ซึ่งเก็บข้อมูลสำหรับแผนภูมิได้

`newDataViewDefinition()`

สร้างคำจำกัดความของมุมมองข้อมูลใหม่

ใช้เครื่องมือตั้งค่าเพื่อกำหนดพร็อพเพอร์ตี้ต่างๆ ของมุมมองข้อมูล

รีเทิร์น

DataViewDefinitionBuilder — DataViewDefinitionBuilder ซึ่งใช้สร้างคำจำกัดความของมุมมองข้อมูลได้

`newLineChart()`

เริ่มสร้างแผนภูมิเส้นตามที่อธิบายไว้ในแผนภูมิของ Google "เครื่องมือ"

รีเทิร์น

LineChartBuilder — LineChartBuilder ที่ใช้สร้างแผนภูมิเส้นได้

`newPieChart()`

เริ่มสร้างแผนภูมิวงกลมตามที่อธิบายในแผนภูมิของ Google "เครื่องมือ"

รีเทิร์น

PieChartBuilder — PieChartBuilder ที่ใช้สร้างแผนภูมิวงกลมได้

`newScatterChart()`

เริ่มสร้างแผนภูมิกระจายตามที่อธิบายไว้ในแผนภูมิของ Google "เครื่องมือ"

รีเทิร์น

ScatterChartBuilder — ScatterChartBuilder ที่ใช้สร้างแผนภูมิกระจายได้

`newTableChart()`

เริ่มสร้างแผนภูมิตารางตามที่อธิบายไว้ในแผนภูมิของ Google "เครื่องมือ"

รีเทิร์น

TableChartBuilder — TableChartBuilder ที่ใช้สร้างแผนภูมิตารางได้

`newTextStyle()`

สร้างเครื่องมือสร้างรูปแบบข้อความใหม่

หากต้องการเปลี่ยนค่าเริ่มต้น ให้ใช้ฟังก์ชันตัวตั้งค่า

รีเทิร์น

TextStyleBuilder — TextStyleBuilder ที่ใช้สร้างออบเจ็กต์การกำหนดค่ารูปแบบข้อความได้