Class Charts

ชาร์ตเพลง

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

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

function doGet() {
  const 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();

  const chart = Charts.newAreaChart()
                    .setDataTable(data)
                    .setStacked()
                    .setRange(0, 40)
                    .setTitle('Sales per Month')
                    .build();

  const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  const 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 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	สร้างตัวสร้างรูปแบบข้อความใหม่

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

newAreaChart()

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

การแสดงผล

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

---

newBarChart()

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

การแสดงผล

BarChartBuilder \- BarChartBuilder ซึ่งใช้สร้างแผนภูมิแท่งได้

---

newColumnChart()

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

การแสดงผล

ColumnChartBuilder \- ColumnChartBuilder ซึ่งใช้สร้างแผนภูมิคอลัมน์ได้

---

newDataTable()

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

ตารางข้อมูลจะเก็บข้อมูลสำหรับแผนภูมิทุกประเภท

การแสดงผล

DataTableBuilder \- DataTableBuilder ซึ่งเก็บข้อมูลสำหรับชาร์ตเพลงได้

---

newDataViewDefinition()

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

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

การแสดงผล

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

---

newLineChart()

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

การแสดงผล

LineChartBuilder \- LineChartBuilder ซึ่งใช้สร้างแผนภูมิเส้นได้

---

newPieChart()

เริ่มสร้างแผนภูมิวงกลมตามที่อธิบายไว้ในเอกสารประกอบของ Google Chart Tools

การแสดงผล

PieChartBuilder \- PieChartBuilder ซึ่งใช้สร้างแผนภูมิวงกลมได้

---

newScatterChart()

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

การแสดงผล

ScatterChartBuilder \- ScatterChartBuilder ซึ่งใช้สร้างแผนภูมิการกระจายได้

---

newTableChart()

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

การแสดงผล

TableChartBuilder \- TableChartBuilder ซึ่งใช้สร้างแผนภูมิตารางได้

---

newTextStyle()

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

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

การแสดงผล

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