พื้นฐานของ Apps Script ด้วย Google ชีต #5: แผนภูมิและการนําเสนอข้อมูลในสไลด์

1. บทนำ

ยินดีต้อนรับสู่ส่วนที่ 5 ของสคริปต์ Apps Script พื้นฐานด้วยเพลย์ลิสต์ Codelab ของ Google ชีต Codelab นี้จะสอนวิธีใช้บริการสเปรดชีตใน Apps Script เพื่อสร้างแผนภูมิให้กับชุดข้อมูล นอกจากนี้ คุณจะได้เรียนรู้วิธีใช้บริการสไลด์เพื่อส่งออกแผนภูมิไปยังงานนําเสนอใหม่ใน Google สไลด์ด้วย

สิ่งที่คุณจะได้เรียนรู้

  • วิธีสร้างแผนภูมิเส้นด้วย Apps Script
  • วิธีส่งออกแผนภูมิไปยังสไลด์นําเสนอใหม่
  • วิธีนําเสนอกล่องโต้ตอบต่อผู้ใช้ในชีต

ข้อควรทราบก่อนที่จะเริ่มต้น

นี่คือ Codelab ที่ 5 ในเพลย์ลิสต์พื้นฐานของ Apps Script ที่มี Google ชีต ก่อนเริ่ม Codelab นี้ โปรดตรวจสอบว่าได้กรอกข้อมูลใน Codelab ก่อนหน้าเรียบร้อยแล้ว

  1. มาโครและฟังก์ชันที่กําหนดเอง
  2. สเปรดชีต ชีต และช่วง
  3. การทํางานกับข้อมูล
  4. การจัดรูปแบบข้อมูล

สิ่งที่ต้องมี

  • ความเข้าใจเกี่ยวกับหัวข้อพื้นฐานของ Apps Script ที่สํารวจใน Codelab ก่อนหน้าของเพลย์ลิสต์นี้
  • ความคุ้นเคยกับเครื่องมือแก้ไข Apps Script ในระดับพื้นฐาน
  • ทําความคุ้นเคยกับ Google ชีต
  • ความสามารถในการอ่านรูปแบบ A1 ของชีต
  • ทําความคุ้นเคยกับ JavaScript และชั้นเรียน String ของ JavaScript

2. ตั้งค่า

คุณต้องมีสเปรดชีตที่มีข้อมูลบางอย่างก่อนดําเนินการต่อ และเช่นเคย เรามีเอกสารข้อมูลที่คุณสามารถคัดลอกได้สําหรับแบบฝึกหัดเหล่านี้ โปรดทําตามขั้นตอนต่อไปนี้

  1. คลิกลิงก์นี้เพื่อคัดลอกแผ่นข้อมูล แล้วคลิก ทําสําเนา สเปรดชีตใหม่จะวางในโฟลเดอร์ Google ไดรฟ์และตั้งชื่อว่า ""สําเนาวันที่และอัตราแลกเปลี่ยนเงินตราต่างประเทศ"
  2. คลิกชื่อสเปรดชีตและเปลี่ยนชื่อจาก "สําเนาวันที่และอัตราการแลกเปลี่ยนเงิน" เป็น "วันที่และอัตราแลกเปลี่ยนสกุลเงิน USD" ไฟล์ชีตของคุณจะมีลักษณะเช่นนี้ เมื่อมีข้อมูลเบื้องต้นบางอย่างเกี่ยวกับอัตราแลกเปลี่ยนสกุลเงินดอลลาร์สหรัฐแต่ละวัน

45a3e8814ecb07fc.png

  1. หากต้องการเปิดตัวแก้ไขสคริปต์ คลิกส่วนขยาย> Apps Script

เพื่อช่วยคุณประหยัดเวลา เราได้รวมโค้ดบางส่วนไว้สร้างเมนูที่กําหนดเองในสเปรดชีตนี้ คุณอาจเห็นเมนูปรากฏขึ้นเมื่อสําเนาสเปรดชีตเปิดขึ้น ดังนี้

png 9b9caf6c1e9de34b.png

สเปรดชีตและโปรเจ็กต์นี้ช่วยให้คุณเริ่มต้น Codelab ได้แล้ว ไปที่ส่วนถัดไปเพื่อเริ่มเรียนรู้เกี่ยวกับกราฟและทริกเกอร์ที่ขับเคลื่อนตามเวลา

3. สร้างแผนภูมิในชีตด้วย Apps Script

สมมติว่าคุณต้องการออกแบบแผนภูมิเฉพาะเพื่อให้เห็นภาพชุดข้อมูล คุณจะใช้ Apps Script เพื่อสร้าง แก้ไข และแทรกแผนภูมิใน Google ชีตได้ เมื่อแผนภูมิอยู่ในสเปรดชีต แผนภูมินั้นจะเรียกว่าแผนภูมิที่ฝัง

แผนภูมิจะใช้เพื่อแสดงชุดข้อมูลอย่างน้อย 1 ชุด สําหรับแผนภูมิที่ฝัง ข้อมูลที่แสดงมักจะมาจากภายในสเปรดชีต การอัปเดตข้อมูลในสเปรดชีตจะทําให้ชีตอัปเดตแผนภูมิโดยอัตโนมัติด้วย

คุณจะใช้ Apps Script เพื่อสร้างแผนภูมิแบบกําหนดเองที่ฝังตั้งแต่ต้น หรืออัปเดตแผนภูมิที่มีอยู่ได้ ส่วนนี้จะอธิบายข้อมูลเบื้องต้นเกี่ยวกับการสร้างแผนภูมิที่ฝังในชีตด้วย Apps Script และบริการ Spreadsheet

การใช้งาน

สําเนาสเปรดชีตของ "วันที่และอัตราแลกเปลี่ยน" จะแสดงอัตราแลกเปลี่ยน (สําหรับ 1 ดอลลาร์สหรัฐ) ในสกุลเงินต่างๆ ให้กับคุณ คุณจะใช้ฟังก์ชัน Apps Script ที่ทําให้แผนภูมิแสดงภาพบางส่วนของข้อมูลนี้

โปรดทําตามขั้นตอนต่อไปนี้

  1. ในฟังก์ชัน Apps Script ให้เพิ่มฟังก์ชันต่อไปนี้ต่อท้ายสคริปต์ Code.gs ของโปรเจ็กต์สคริปต์ หลังจากฟังก์ชัน onOpen()
/**
 * Creates and inserts an embedded
 * line chart into the active sheet.
 */
function createEmbeddedLineChart() {
  var sheet = SpreadsheetApp.getActiveSheet();
  var chartDataRange = sheet.getRange(
    'Dates and USD Exchange Rates dataset!A2:F102');
  var hAxisOptions = {
    slantedText: true,
    slantedTextAngle: 60,
    gridlines: {
      count: 12
    }
  };
  
  var lineChartBuilder = sheet.newChart().asLineChart();
  var chart = lineChartBuilder
    .addRange(chartDataRange)
    .setPosition(5, 8, 0, 0)
    .setTitle('USD Exchange rates')
    .setNumHeaders(1)
    .setLegendPosition(Charts.Position.RIGHT)
    .setOption('hAxis', hAxisOptions)
    .setOption("useFirstColumnAsDomain", true)
    .build();
 
  sheet.insertChart(chart);  
}
  1. บันทึกโปรเจ็กต์สคริปต์

การตรวจสอบโค้ด

โค้ดที่ใส่ไว้ใช้ฟังก์ชันการทํางานโดยรายการเมนูแผนภูมิ "Dates and Rate Exchange Rates เพื่อสร้างแผนภูมิเส้นพื้นฐาน มาตรวจสอบโค้ดกัน

บรรทัดแรกจะตั้งค่าตัวแปร 3 รายการต่อไปนี้

  • sheet: การอ้างอิงไปยังชีตปัจจุบันที่มีการใช้งานอยู่
  • chartDataRange: ช่วงข้อมูลที่เราต้องการแสดงภาพ โค้ดจะใช้รูปแบบ A1 เพื่อระบุช่วงที่ครอบคลุมเซลล์ A2 ถึง F102 ในชีตชื่อชุดข้อมูลวันที่และอัตราแลกเปลี่ยนเงินตราต่างประเทศ เมื่อตั้งชื่อชีตโดยเฉพาะ เราจะต้องตรวจสอบให้แน่ใจว่ารายการในเมนูจะทํางานแม้ว่าแผ่นงานอื่นจะทํางานอยู่ก็ตาม เนื่องจากช่วงดังกล่าวครอบคลุมตําแหน่งข้อมูลเสมอ ตั้งแต่แถวที่ 2 หมายถึงเรารวมส่วนหัวของคอลัมน์และเราจะใส่วันที่ล่าสุด (แถว) เพียง 100 รายการเท่านั้น
  • hAxisOptions: ออบเจ็กต์ JavaScript พื้นฐานที่มีข้อมูลการตั้งค่าบางอย่างที่โค้ดใช้เพื่อกําหนดค่าลักษณะที่ปรากฏของแกนนอน กล่าวโดยเจาะจงก็คือ กลุ่มเหล่านี้กําหนดป้ายกํากับข้อความแกนแนวนอนตรงส่วนสูงเอียง 60 องศา และกําหนดจํานวนเส้นตารางแนวตั้งเป็น 12 องศา

บรรทัดถัดไปจะสร้างออบเจ็กต์เครื่องมือสร้างแผนภูมิเส้น แผนภูมิที่ฝังใน Apps Script สร้างขึ้นโดยใช้รูปแบบการออกแบบของเครื่องมือสร้าง คําอธิบายแบบเต็มของรูปแบบการออกแบบนี้อยู่นอกเหนือขอบเขต Codelab นี้ ดังนั้นตอนนี้ขอเพียงทําความเข้าใจบริการ Spreadsheet ก็จะมี EmbeddedChartBuilder หลายคลาส หากต้องการสร้างแผนภูมิ โค้ดจะสร้างออบเจ็กต์เครื่องมือสร้างแผนภูมิแบบฝังก่อน แล้วใช้วิธีนั้นเพื่อกําหนดการตั้งค่าแผนภูมิ จากนั้นเรียกเมธอด build() เพื่อสร้างออบเจ็กต์ EmbeddedChart สุดท้าย โค้ดของคุณจะไม่แก้ไขออบเจ็กต์ EmbeddedChart โดยตรงเนื่องจากการกําหนดค่าแผนภูมิทั้งหมดได้รับการจัดการผ่านคลาสเครื่องมือสร้าง

บริการสเปรดชีตมีคลาส EmbeddedChartBuilder ระดับบนสุดและเครื่องมือสร้างย่อยหลายรายการ (เช่น EmbeddedLineChartBuilder) ที่รับค่าจากคลาสดังกล่าว คลาสย่อยจะอนุญาตให้ Apps Script ระบุวิธีการกําหนดค่าแผนภูมิเครื่องมือสร้างที่เหมาะกับแผนภูมิบางประเภทเท่านั้น เช่น ชั้นเรียน EmbeddedPieChartBuilder มีวิธี set3D() ที่ใช้ได้กับแผนภูมิวงกลมเท่านั้น

ในโค้ดนี้ บรรทัดนี้จะสร้างตัวแปรออบเจ็กต์เครื่องมือสร้าง lineChartBuilder ดังนี้

var lineChartBuilder = sheet.newChart().asLineChart();

โค้ดจะเรียกเมธอด Sheet.newChart() เพื่อสร้างออบเจ็กต์ EmbeddedChartBuilder จากนั้นใช้ EmbeddedChartBuilder.asLineChart() เพื่อตั้งค่าประเภทเครื่องมือสร้างเป็น EmbeddedLineChartBuilder

จากนั้นโค้ดจะสร้างแผนภูมิโดยใช้ lineChartBuilder โค้ดนี้เป็นเพียงการเรียกใช้เมธอดเพื่อกําหนดการตั้งค่าแผนภูมิ ตามด้วยการเรียกใช้ build() เพื่อสร้างแผนภูมิ ตามที่เห็นใน Codelab ก่อนหน้านี้ โค้ดจะใช้เชนเมธอดเพื่อทําให้โค้ดอ่านได้ วิธีการเรียกใช้มีดังนี้

  • addRange(range): กําหนดช่วงข้อมูลที่แผนภูมิแสดง
  • setPosition(anchorRowPos, anchorColPos, offsetX, offsetY): กําหนดตําแหน่งที่วางแผนภูมิในชีต ที่นี่เป็นการแทรกแผนภูมิที่มุมบนซ้ายของเซลล์ H5
  • setTitle(title): ตั้งชื่อแผนภูมิ
  • setNumHeaders(headers): กําหนดจํานวนแถวหรือคอลัมน์ที่ถือว่าช่วงข้อมูลเป็นส่วนหัว โค้ดในที่นี้จะใช้แถวแรกในช่วงข้อมูลเป็นส่วนหัว ซึ่งหมายความว่าข้อความในแถวนั้นจะใช้เป็นป้ายกํากับสําหรับชุดข้อมูลแต่ละชุดในแผนภูมิ
  • setLegendPosition(position): ย้ายคําอธิบายแผนภูมิไปด้านขวาของแผนภูมิ เมธอดนี้ใช้การแจกแจง Charts.Position เป็นพารามิเตอร์
  • setOption(option, value): ตั้งค่าตัวเลือกแผนภูมิที่ซับซ้อน โค้ดดังกล่าวจะตั้งค่าตัวเลือก hAxis เป็นออบเจ็กต์ hAxisOptions ซึ่งทําได้หลายวิธีที่คุณใช้วิธีนี้ได้ ตัวเลือกและค่าที่เป็นไปได้สําหรับแผนภูมิแต่ละประเภทจะบันทึกอยู่ในแกลเลอรีแผนภูมิ API ของแผนภูมิ ตัวอย่างเช่น ตัวเลือกที่คุณกําหนดสําหรับแผนภูมิเส้นจะบันทึกไว้ในตัวเลือกการกําหนดค่าแผนภูมิเส้น เมธอด setOption(option, value) เป็นหัวข้อขั้นสูง คุณจึงควรหลีกเลี่ยงการใช้หัวข้อนี้จนกว่าคุณจะคุ้นเคยกับการสร้างแผนภูมิใน Apps Script มากกว่า
  • build(): สร้างและส่งคืนออบเจ็กต์ EmbeddedChart โดยใช้การตั้งค่าข้างต้น

สุดท้าย โค้ดจะเรียกใช้ Sheet.insertChart(chart) เพื่อวางแผนภูมิที่สร้างในชีตที่ใช้งานอยู่

ผลลัพธ์

คุณดูฟังก์ชันการจัดรูปแบบได้โดยทําตามขั้นตอนต่อไปนี้

  1. บันทึกโปรเจ็กต์สคริปต์ในเครื่องมือแก้ไข Apps Script หากยังไม่ได้ทํา
  2. คลิกรายการในเมนูนําเสนอชุดข้อมูล > แผนภูมิ "วันที่และอัตราแลกเปลี่ยนสกุลเงิน USD

ตอนนี้สคริปต์จะวางแผนภูมิใหม่ทางด้านขวาของข้อมูลดังนี้

bbf856699b6d2b45.gif

ยินดีด้วย คุณสร้างแผนภูมิเส้นแบบฝังด้วย Apps Script แล้ว ส่วนถัดไปจะสอนวิธีส่งออกแผนภูมิไปยัง Google สไลด์

4. ส่งออกแผนภูมิไปยังสไลด์

จุดแข็งที่ยอดเยี่ยมอย่างหนึ่งของ Apps Script คือให้คุณย้ายข้อมูลจากแอปพลิเคชัน Google Workspace หนึ่งไปยังอีกแอปพลิเคชันได้อย่างง่ายดาย แอปพลิเคชันส่วนใหญ่มีบริการ Apps Script โดยเฉพาะ ซึ่งคล้ายกับบริการสเปรดชีต ตัวอย่างเช่น Gmail จะมีบริการ Gmail, Google เอกสารมีบริการเอกสาร และ Google สไลด์มีบริการสไลด์ ด้วยบริการในตัวทั้งหมด คุณจะสามารถแยกข้อมูลจากแอปพลิเคชันหนึ่ง ประมวลผล และเขียนผลลัพธ์ไปยังแอปพลิเคชันอื่นได้

ในส่วนนี้ คุณจะได้ดูวิธีส่งออกแผนภูมิทั้งหมดในสเปรดชีต Google ไปยังงานนําเสนอใหม่ใน Google สไลด์ นอกจากนี้คุณจะเห็นวิธีแสดงข้อความที่กําหนดเองของผู้ใช้ในชีต 2 วิธี

การใช้งาน

คุณจะใช้ฟังก์ชันที่รายการเมนูนําเสนอชุดข้อมูล > ส่งออกแผนภูมิไปยังสไลด์ได้ที่นี่ โปรดทําตามขั้นตอนต่อไปนี้

  1. ในฟังก์ชัน Apps Script ให้เพิ่มฟังก์ชันต่อไปนี้ต่อท้ายสคริปต์ Code.gs ของโปรเจ็กต์สคริปต์ หลังจากฟังก์ชัน createEmbeddedLineChart()
/**
 * Create a Slides presentation and export
 * all the embedded charts in this spreadsheet
 * to it, one chart per slide.
 */
function exportChartsToSlides() {
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  
  // Fetch a list of all embedded charts in this
  // spreadsheet.
  var charts = [];
  var sheets = ss.getSheets();
  for (var i = 0; i < sheets.length; i++) {
    charts = charts.concat(sheets[i].getCharts());
  }
  
  // If there aren't any charts, display a toast
  // message and return without doing anything
  // else.
  if (charts.length == 0) {
    ss.toast('No charts to export!');
    return;
  }
  
  // Create a Slides presentation, removing the default
  // title slide.
  var presentationTitle =
    ss.getName() + " Presentation";
  var slides = SlidesApp.create(presentationTitle);
  slides.getSlides()[0].remove();  
  
  // Add charts to the presentation, one chart per slide.
  var position = {left: 40, top: 30};
  var size = {height: 340, width: 430};
  for (var i = 0; i < charts.length; i++) {
    var newSlide = slides.appendSlide();
    newSlide.insertSheetsChart(
      charts[i],
      position.left,
      position.top,
      size.width,
      size.height);   
  }
  
  // Create and display a dialog telling the user where to
  // find the new presentation.
  var slidesUrl = slides.getUrl();
  var html = "<p>Find it in your home Drive folder:</p>"
      + "<p><a href=\"" + slidesUrl + "\" target=\"_blank\">"
      + presentationTitle + "</a></p>";
  
  SpreadsheetApp.getUi().showModalDialog(
    HtmlService.createHtmlOutput(html)
      .setHeight(120)
      .setWidth(350),
      "Created a presentation!"
  );
}
  1. บันทึกโปรเจ็กต์สคริปต์

การตรวจสอบโค้ด

โค้ดนี้อาจสั้นกว่าที่คุณคาดไว้ มาตรวจสอบการทํางานของโค้ดโดยแบ่งโค้ดออกเป็น 5 ส่วน ดังนี้

1: รับแผนภูมิ

2-3 บรรทัดแรกจะค้นหาสเปรดชีตที่ใช้งานอยู่เพื่อค้นหาแผนภูมิทั้งหมดที่ฝัง และรวบรวมลงในอาร์เรย์ charts บรรทัดเหล่านี้ใช้วิธีการของ Spreadsheet.getSheets() และเมธอด Sheet.getCharts() เพื่อดูรายการชีตและแผนภูมิ เมธอด JavaScript Array.concat() จะใช้ต่อท้ายรายการแผนภูมิจากชีตแต่ละรายการใน charts

2: ตรวจสอบว่ามีแผนภูมิที่จะส่งออก

โค้ดจะตรวจสอบว่ามีแผนภูมิที่จะส่งออกหรือไม่ เราต้องการหลีกเลี่ยงการสร้างงานนําเสนอเปล่า ดังนั้นหากไม่มีแผนภูมิ โค้ดจะสร้างข้อความโทสต์โดยใช้ Spreadsheet.toast(message) แทน นี่เป็นกล่องโต้ตอบ "P&P 39" ขนาดเล็กจะปรากฏขึ้นที่มุมขวาล่างของชีต รอสักครู่แล้วหายไป

DB7e87dcb8010bef.gif

หากไม่มีแผนภูมิที่จะส่งออก โค้ดจะสร้างข้อความโทสต์และออกโดยไม่ทําอะไรเลย หากมีแผนภูมิให้ส่งออก โค้ดดังกล่าวจะสร้างงานนําเสนอต่อไปใน 2-3 บรรทัด

3: สร้างงานนําเสนอ

ระบบสร้างตัวแปร presentationTitle เพื่อเก็บชื่อไฟล์งานนําเสนอใหม่&#39 ตั้งเป็นชื่อสเปรดชีต&&tt โดยมี Presentation" ต่อท้าย จากนั้นเรียกใช้รหัสบริการสไลด์ SlidesApp.create(name) เพื่อสร้างงานนําเสนอ

ระบบจะสร้างงานนําเสนอใหม่ด้วยสไลด์เปล่ารายการเดียว เราไม่ต้องการให้เป็นเช่นนั้น ในงานนําเสนอของเรา รหัสนี้จึงลบออกด้วย Presentation.getSlides() และ Slide.remove()

4: ส่งออกแผนภูมิ

ในส่วนถัดไป โค้ดจะระบุ position และ size ของออบเจ็กต์ JavaScript เพื่อกําหนดตําแหน่งที่แผนภูมิที่นําเข้าวางในสไลด์ และขนาดแผนภูมิ (พิกเซล)

โค้ดจะวนซ้ําเหนือแผนภูมิทุกรายการในรายการแผนภูมิ สําหรับแผนภูมิแต่ละรายการ ระบบจะสร้าง newSlide ด้วย Presentation.appendSlide() ซึ่งจะเพิ่มสไลด์ที่ท้ายงานนําเสนอ วิธี Slide.insertSheetsChart(sourceChart, left, top, width, height) ใช้ในการนําเข้าแผนภูมิไปยังสไลด์ซึ่งมี position และ size ที่ระบุ

5: แชร์ตําแหน่งของงานนําเสนอ

และสุดท้าย โค้ดจะต้องบอกให้ผู้ใช้ทราบว่างานนําเสนอใหม่นั้นอยู่ที่ตําแหน่งใด โดยควรเป็นลิงก์ที่ผู้ใช้จะคลิกเพื่อเปิดได้ วิธีการคือใช้โค้ด HTML บริการของ Apps Script เพื่อสร้างกล่องโต้ตอบโมดัลที่กําหนดเอง กล่องโต้ตอบโมดัล (หรือที่เรียกว่ากล่องโต้ตอบที่กําหนดเองใน Apps Script) คือหน้าต่างที่ปรากฏผ่านอินเทอร์เฟซชีต เมื่อแสดงกล่องโต้ตอบนี้ กล่องโต้ตอบที่กําหนดเองจะป้องกันไม่ให้ผู้ใช้โต้ตอบกับชีต

หากต้องการสร้างโค้ดที่กําหนดเอง โค้ดจะต้องมี HTML ที่ระบุเนื้อหา ซึ่งระบุไว้ในตัวแปร html โดยเนื้อหาจะประกอบด้วยย่อหน้าสั้นๆ และไฮเปอร์ลิงก์ ไฮเปอร์ลิงก์คือตัวแปร presentationTitle ซึ่งลิงก์กับ URL ของงานนําเสนอที่ส่งโดย Presentation.getUrl() ไฮเปอร์ลิงก์ยังใช้แอตทริบิวต์ target="_blank" เพื่อให้เปิดงานนําเสนอในแท็บเบราว์เซอร์ใหม่ ไม่ใช่ภายในกล่องโต้ตอบ

HTML ได้รับการแยกวิเคราะห์เป็นออบเจ็กต์ HtmlOutput โดยใช้เมธอด HtmlService.createHtmlOutput(html) ออบเจ็กต์ HtmlOutput จะอนุญาตให้โค้ดตั้งค่าขนาดของกล่องโต้ตอบที่กําหนดเองด้วย HtmlOutput.setHeight(height) และ HtmlOutput.setWidth(width)

เมื่อสร้าง htmlOutput แล้ว โค้ดจะใช้เมธอด Ui.showModalDialog(htmlOutput, title) เพื่อแสดงกล่องโต้ตอบที่มีชื่อที่กําหนด

ผลลัพธ์

เมื่อคุณนํารายการในเมนูรายการที่ 2 ไปใช้แล้ว คุณจะเห็นการทํางานจริง หากต้องการทดสอบฟังก์ชัน exportChartsToSlides() ให้ทําดังนี้

  1. บันทึกโปรเจ็กต์สคริปต์ในเครื่องมือแก้ไข Apps Script หากยังไม่ได้ทํา
  2. เปิดสเปรดชีตและคลิกรายการในเมนูนําเสนอชุดข้อมูล > แผนภูมิ"วันที่และอัตราแลกเปลี่ยนเงินตราต่างประเทศเพื่อสร้างแผนภูมิเพื่อส่งออก สมอรายนี้จะปรากฏอยู่พร้อมกับเซลล์ H5 ในชีตที่ใช้งานอยู่
  3. คลิกรายการนําเสนอชุดข้อมูล &gt ส่งออกแผนภูมิไปยังสไลด์ ระบบอาจขอให้คุณให้สิทธิ์สคริปต์อีกครั้ง
  4. คุณควรเห็นสคริปต์ดําเนินการตามคําขอและแสดงกล่องโต้ตอบที่กําหนดเอง
  5. หากต้องการเปิดงานนําเสนอของสไลด์ใหม่ ให้คลิกลิงก์วันที่และอัตราแลกเปลี่ยนอัตราแลกเปลี่ยนสกุลเงิน

51326ceaeb3e49b2.gif

นอกจากนี้ คุณยังเพิ่มแผนภูมิในสเปรดชีต รวมถึงเลือกรายการในเมนูอีกครั้งเพื่อสร้างงานนําเสนอโดยใช้สไลด์หลายๆ แผ่นได้

คุณจะส่งออกแผนภูมิที่สร้างในชีตไปยังงานนําเสนอในสไลด์ได้แล้ว หรือจะเขียนโค้ดเพื่อสร้างกล่องโต้ตอบที่กําหนดเองก็ได้

คุณได้ฝึกครั้งสุดท้ายของ Codelab นี้แล้ว ไปยังส่วนถัดไปเพื่อตรวจสอบสิ่งที่คุณได้เรียนรู้

5. บทสรุป

ยินดีด้วย คุณได้กรอกข้อมูลใน Codelab ดังกล่าวและเสร็จสิ้นทั้ง Fundamentals of Apps Script ด้วยเพลย์ลิสต์ Google Codelab แล้ว คุณจะใช้หลักการที่สอนในเพลย์ลิสต์นี้เพื่อขยายประสบการณ์การใช้งานชีตและสํารวจความสามารถต่างๆ ของ Apps Script ได้

คุณคิดว่า Codelab นี้มีประโยชน์ไหม

ใช่ ไม่

สิ่งที่คุณได้เรียนรู้

  • วิธีสร้างแผนภูมิเส้นแบบฝังด้วย Apps Script
  • วิธีแสดงข้อความโทสต์และกล่องโต้ตอบที่กําหนดเองให้กับผู้ใช้ในชีต
  • วิธีส่งออกแผนภูมิไปยังงานนําเสนอสไลด์ใหม่

ขั้นต่อไปคืออะไร

คุณสร้างเพลย์ลิสต์นี้เสร็จสมบูรณ์แล้ว อย่างไรก็ตาม ยังมีข้อมูลเพิ่มเติมเกี่ยวกับ Apps Script อีกด้วย

ลองไปที่แหล่งข้อมูลเหล่านี้

ขอให้สนุกกับการเขียนสคริปต์

คุณคิดว่าเพลย์ลิสต์ Codelab นี้มีประโยชน์ไหม

ใช่ ไม่

คุณต้องการเห็น Codelab สําหรับ Apps Script เพิ่มเติมในอนาคตไหม

ใช่ ไม่