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
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()

สร้างเครื่องมือสร้างสไตล์ข้อความใหม่

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

รีเทิร์น

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