หน้านี้ได้รับการแปลโดย 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;
}

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

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

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

`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 ที่ใช้สร้างออบเจ็กต์การกำหนดค่ารูปแบบข้อความได้