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

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

พร็อพเพอร์ตี้ประเภทคำอธิบาย
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyการแจกแจงวิธีแสดงมิติข้อมูลที่ซ่อนอยู่ในแหล่งที่มาในแผนภูมิ
ChartMergeStrategyChartMergeStrategyการแจกแจงวิธีแสดงช่วงหลายช่วงในแหล่งที่มาในแผนภูมิ
ChartTypeChartTypeการแจกแจงประเภทแผนภูมิที่บริการแผนภูมิรองรับ
ColumnTypeColumnTypeการแจกแจงประเภทข้อมูลที่ถูกต้องสำหรับคอลัมน์ใน DataTable
CurveStyleCurveStyleการแจกแจงรูปแบบของเส้นโค้งในแผนภูมิ
PointStylePointStyleการแจกแจงรูปแบบของจุดในเส้น
PositionPositionการแจกแจงตําแหน่งคําอธิบายภายในแผนภูมิ

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
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 ซึ่งสามารถใช้สร้างออบเจ็กต์การกําหนดค่ารูปแบบข้อความ