จุดแรกเข้าสําหรับการสร้างแผนภูมิในสคริปต์
ตัวอย่างนี้สร้างตารางข้อมูลพื้นฐาน สร้างแผนภูมิพื้นที่ด้วยข้อมูล และเพิ่มลงในหน้าเว็บเป็นรูปภาพ
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 ที่ใช้สร้างออบเจ็กต์การกำหนดค่ารูปแบบข้อความได้