1. บทนำ
Looker Studio ให้คุณสร้างแดชบอร์ดแบบอินเทอร์แอกทีฟแบบสดที่มีการแสดงข้อมูลผ่านภาพที่สวยงามได้ฟรี ดึงข้อมูลของคุณจากแหล่งที่มาที่หลากหลายและสร้างรายงานแบบไม่จำกัดใน Looker Studio พร้อมความสามารถในการแก้ไขและการแชร์อย่างเต็มรูปแบบ ภาพหน้าจอต่อไปนี้เป็นตัวอย่างรายงาน Looker Studio
( คลิกที่นี่เพื่อดูรายงานตัวอย่างนี้ใน Looker Studio)
Looker Studio มีแผนภูมิในตัวหลายประเภท ได้แก่ แผนภูมิเส้น แผนภูมิแท่ง แผนภูมิวงกลม และแผนภูมิกระจาย การแสดงภาพข้อมูลจากชุมชนช่วยให้คุณสร้างและใช้การแสดงข้อมูลผ่านภาพ JavaScript ที่กําหนดเองใน Looker Studio ได้ คุณยังแชร์การแสดงภาพข้อมูลจากชุมชนกับผู้อื่นเพื่อให้นำไปใช้กับข้อมูลของตัวเองได้อีกด้วย
สิ่งที่คุณจะได้เรียนรู้
คุณจะได้เรียนรู้สิ่งต่อไปนี้ใน Code Lab นี้
- วิธีการทํางานของการแสดงภาพข้อมูลจากชุมชน Looker Studio
- วิธีสร้างการแสดงภาพข้อมูลจากชุมชนโดยใช้ไลบรารีตัวช่วยของคอมโพเนนต์ DS (dscc)
- วิธีใช้การแสดงภาพข้อมูลจากชุมชนในรายงาน Looker Studio
สิ่งที่ต้องมี
เพื่อให้ห้องทดลองโค้ดนี้เสร็จสมบูรณ์ คุณจะต้องมีสิ่งต่อไปนี้
- เข้าถึงอินเทอร์เน็ตและเว็บเบราว์เซอร์
- บัญชี Google
- สิทธิ์เข้าถึงที่เก็บข้อมูลของพื้นที่เก็บข้อมูล Google Cloud Platform
- คุ้นเคยกับ JavaScript
2. แบบสำรวจสั้นๆ
เหตุใดคุณจึงเลือก Codelab นี้
คุณวางแผนจะใช้ Codelab/บทแนะนำนี้อย่างไร
คุณจะให้คะแนนความพึงพอใจสำหรับประสบการณ์การใช้งาน Looker Studio อย่างไร
ข้อใดอธิบายภูมิหลังของคุณได้ดีที่สุด
คุณสนใจใช้ไลบรารีการแสดงข้อมูลผ่าน JavaScript ใด
ไปที่หน้าถัดไปเพื่อส่งข้อมูลแบบสำรวจ
3. ภาพรวมของการแสดงภาพข้อมูลจากชุมชน
การแสดงภาพข้อมูลจากชุมชนของ Looker Studio ช่วยให้คุณสร้างและใช้การแสดงข้อมูลผ่านภาพ JavaScript ที่กําหนดเองในแดชบอร์ดได้
ใน Codelab นี้ คุณจะสร้างการแสดงภาพข้อมูลจากชุมชนของแผนภูมิตารางที่รองรับการจัดรูปแบบ 1 รายการ, เมตริก 1 รายการ และส่วนหัวของตารางได้
4. เวิร์กโฟลว์การพัฒนาการแสดงภาพข้อมูลจากชุมชน
หากต้องการสร้างการแสดงภาพข้อมูลจากชุมชน คุณต้องมีไฟล์ต่อไปนี้ในที่เก็บข้อมูลพื้นที่เก็บข้อมูลของ Google Cloud Platform ซึ่งคุณจะสร้างในขั้นตอนถัดไป
ชื่อไฟล์ | ประเภทไฟล์ | วัตถุประสงค์ |
manifest.json* | JSON | ข้อมูลเมตาเกี่ยวกับการแสดงภาพและตำแหน่งของทรัพยากรการแสดงภาพทั้งหมด |
viz-codelab.json | JSON | ตัวเลือกการกำหนดค่าข้อมูลและรูปแบบสำหรับแผงพร็อพเพอร์ตี้ |
viz-codelab.js | JavaScript | โค้ด JavaScript สำหรับแสดงผลการแสดงภาพ |
viz-codelab.css (ไม่บังคับ) | CSS | CSS สำหรับการแสดงภาพ |
*ไฟล์ Manifest เป็นไฟล์เดียวที่มีชื่อที่จำเป็น ไฟล์อื่นๆ อาจตั้งชื่อต่างกันได้ ตราบใดที่มีการระบุชื่อ/ตําแหน่งของไฟล์ Manifest ไว้ในไฟล์ Manifest
5. เขียนข้อความว่า สวัสดีชาวโลก! การแสดงข้อมูลผ่านภาพ
ในส่วนนี้ คุณจะต้องเพิ่มโค้ดที่จำเป็นในการแสดงผล Hello, world! การแสดงข้อมูลผ่านภาพ
เขียนซอร์สโค้ด JavaScript ของการแสดงข้อมูลผ่านภาพ
ขั้นตอนที่ 1: ดาวน์โหลดไฟล์ dscc.min.js จากหน้าไลบรารีคอมโพเนนต์ชุมชน (dscc) ของ Looker Studio และคัดลอกไปยังไดเรกทอรีที่ใช้งานอยู่
ขั้นตอนที่ 2: คัดลอกโค้ดต่อไปนี้ลงในเครื่องมือแก้ไขข้อความและบันทึกเป็น viz-codelab-src.js ในไดเรกทอรีการทำงานในเครื่อง
viz-codelab-src.js
function drawViz(data) {
// Container setup.
let container = document.getElementById('container');
if (container) {
container.textContent = '';
} else {
container = document.createElement('div')
container.id = 'container'
document.body.appendChild(container);
}
// Render the viz.
container.textContent = 'Hello, viz world!';
}
// Subscribe to data and style changes. Use the table format for data.
dscc.subscribeToData(drawViz, { transform: dscc.tableTransform });
เตรียมไฟล์กลุ่ม JavaScript
ขั้นตอนที่ 3: รวม JavaScript ทั้งหมดที่จำเป็นไว้ในไฟล์เดียวโดยคัดลอกเนื้อหาของไลบรารีตัวช่วยการแสดงข้อมูลผ่านภาพ (dscc.min.js) และไฟล์ viz-codelab-src.js ไปยังไฟล์ใหม่ชื่อ viz-codelab.js คุณใช้คำสั่งต่อไปนี้เพื่อเชื่อมโยงไฟล์ได้ ทำขั้นตอนนี้ซ้ำทุกครั้งที่คุณอัปเดตโค้ดภาพต้นฉบับ
สคริปต์การต่อ Linux/Mac OS
cat dscc.min.js > viz-codelab.js
echo >> viz-codelab.js
cat viz-codelab-src.js >> viz-codelab.js
สคริปต์การต่อ Windows
del viz-codelab.js
type nul > viz-codelab.js
type dscc.min.js >> viz-codelab.js
echo.>> viz-codelab.js
type viz-codelab-src.js >> viz-codelab.js
6. เขียน CSS การแสดงภาพ
ไฟล์ CSS จะกำหนดการจัดรูปแบบสำหรับการแสดงภาพของคุณ และไม่บังคับ คัดลอก CSS ต่อไปนี้และบันทึกเป็น viz-codelab.css.
viz-codelab.css
table {
width: 100%;
border-collapse: collapse;
}
tr {
border-bottom: 1pt solid #d1d1d1;
}
th, td {
padding: 8px;
text-align: left;
}
7. เขียนการกำหนดค่า JSON
การกำหนดค่าการแสดงภาพจะกำหนดข้อมูลและแอตทริบิวต์รูปแบบที่การแสดงข้อมูลผ่านภาพรองรับและจำเป็น การแสดงภาพนี้ใน Codelab นี้ต้องมีมิติข้อมูล 1 รายการและเมตริก 1 รายการ และมีองค์ประกอบรูปแบบ 1 รายการเพื่อเลือกสีเติม ดูข้อมูลเพิ่มเติมเกี่ยวกับมิติข้อมูลและเมตริก
คัดลอกโค้ดต่อไปนี้และบันทึกเป็น viz-codelab.json.หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับพร็อพเพอร์ตี้ที่คุณกำหนดค่าได้ โปรดดูข้อมูลอ้างอิงการกำหนดค่าการแสดงภาพข้อมูลจากชุมชน
viz-codelab.json
{
"data": [
{
"id": "concepts",
"label": "Concepts",
"elements": [
{
"id": "tableDimension",
"label": "Dimension",
"type": "DIMENSION",
"options": {
"min": 1,
"max": 1
}
},
{
"id": "tableMetric",
"label": "Metric",
"type": "METRIC",
"options": {
"min": 1,
"max": 1
}
}
]
}
],
"style": [
{
"id": "header",
"label": "Table Header",
"elements": [
{
"type": "FILL_COLOR",
"id": "headerBg",
"label": "Header Background Color",
"defaultValue": "#e0e0e0"
}
]
}
]
}
8. สร้างโปรเจ็กต์พื้นที่เก็บข้อมูลระบบคลาวด์และที่เก็บข้อมูล
ขั้นตอนที่ 1: สร้างโปรเจ็กต์ Google Cloud Platform (GCP) หรือใช้โปรเจ็กต์ที่มีอยู่
ขั้นตอนที่ 2: สร้างที่เก็บข้อมูล GCP คลาสพื้นที่เก็บข้อมูลที่แนะนำคือระดับภูมิภาค ไปที่ราคาของ Cloud Storage เพื่อดูรายละเอียดเกี่ยวกับระดับฟรี หมายเหตุ: พื้นที่เก็บข้อมูลภาพไม่น่าจะมีค่าใช้จ่ายสำหรับคลาสพื้นที่เก็บข้อมูลระดับภูมิภาค
ขั้นตอนที่ 3: จดชื่อ/เส้นทางของที่เก็บข้อมูล โดยเริ่มจากส่วนที่อยู่หลัง Buckets/ เส้นทางนี้เรียกว่า "รหัสคอมโพเนนต์" ใน Looker Studio และใช้เพื่อระบุและทำให้การแสดงข้อมูลผ่านภาพใช้งานได้
9. เขียนไฟล์ Manifest.json
ไฟล์ Manifest ให้ข้อมูลเกี่ยวกับตำแหน่งและทรัพยากรของการแสดงภาพ โดยต้องมีชื่อว่า "manifest.json" และต้องอยู่ในที่เก็บข้อมูล/เส้นทางที่สร้างในขั้นตอนก่อนหน้า ซึ่งเป็นเส้นทางเดียวกับที่ใช้สำหรับรหัสคอมโพเนนต์
คัดลอกโค้ดต่อไปนี้ลงในเครื่องมือแก้ไขข้อความและบันทึกเป็น manifest.json.
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับไฟล์ Manifest โปรดดูเอกสารข้อมูลอ้างอิงไฟล์ Manifest
Manifest.json
{
"name": "Community Visualization",
"logoUrl": "https://raw.githubusercontent.com/googledatastudio/community-visualizations/master/docs/codelab/img/table-chart.png",
"organization": "Looker Studio Codelab",
"organizationUrl": "https://url",
"termsOfServiceUrl": "https://url",
"supportUrl": "https://url",
"packageUrl": "https://url",
"privacyPolicyUrl": "https://url",
"description": "Community Visualization Codelab",
"devMode": true,
"components": [
{
"id": "tableChart",
"name": "Table",
"iconUrl": "https://raw.githubusercontent.com/googledatastudio/community-visualizations/master/docs/codelab/img/table-chart.png",
"description": "A simple table chart.",
"resource": {
"js": "gs://MY_GOOGLE_CLOUD_STORAGE_BUCKET/viz-codelab.js",
"config": "gs://MY_GOOGLE_CLOUD_STORAGE_BUCKET/viz-codelab.json",
"css": "gs://MY_GOOGLE_CLOUD_STORAGE_BUCKET/viz-codelab.css"
}
}
]
}
10. อัปโหลดไฟล์การแสดงข้อมูลผ่านภาพไปยัง Google Cloud Storage
- อัปโหลดไฟล์
manifest.json,viz-codelab.js,viz-codelab.jsonและviz-codelab.cssไปยังที่เก็บข้อมูล Google Cloud Storage โดยใช้อินเทอร์เฟซเว็บหรือเครื่องมือบรรทัดคำสั่ง gsutil ทำขั้นตอนนี้ซ้ำทุกครั้งที่อัปเดตการแสดงข้อมูลผ่านภาพ
คำสั่งอัปโหลด gsutil
gsutil cp -a public-read manifest.json gs://MY_GOOGLE_CLOUD_STORAGE_BUCKET
gsutil cp -a public-read viz-codelab.* gs://MY_GOOGLE_CLOUD_STORAGE_BUCKET
11. ทดสอบการแสดงภาพข้อมูลจากชุมชนใน Looker Studio
สร้างรายงานและเพิ่มข้อมูล
ขั้นตอนที่ 1: คัดลอก URL สำหรับชุดข้อมูลตัวอย่างการแสดงภาพชุมชน อีกทางเลือกหนึ่งคือใช้แหล่งข้อมูลที่ต้องการและข้ามขั้นตอนต่อไปนี้
ขั้นตอนที่ 2: ลงชื่อเข้าใช้ Looker Studio คลิก + สร้าง ที่ด้านซ้ายบน จากนั้นเลือกรายงาน
ขั้นตอนที่ 3: คุณจะเห็นเครื่องมือแก้ไขรายงาน ซึ่งแผงเพิ่มข้อมูลลงในรายงานเปิดอยู่
ขั้นตอนที่ 4: ในแท็บเชื่อมต่อข้อมูล ให้เลือกเครื่องมือเชื่อมต่อ Google ชีตโดย Google
ขั้นตอนที่ 5: เลือก URL แล้ววาง URL ของสเปรดชีตใน Google ชีตจากขั้นตอนที่ 1
ขั้นตอนที่ 6: คลิกเพิ่มที่ด้านขวาล่าง
ขั้นตอนที่ 7: หากมีข้อความแจ้งให้ยืนยันคุณกำลังจะเพิ่มข้อมูลลงในรายงานนี้ ให้คลิกเพิ่มลงในรายงาน ระบบจะสร้างรายงานที่ไม่มีชื่อและเพิ่มตารางเริ่มต้นลงในรายงานที่มีข้อมูลตัวอย่าง (ไม่บังคับ) เลือกและลบตารางเริ่มต้นเพื่อให้คุณมีรายงานที่ว่างเปล่า
เพิ่มการแสดงภาพข้อมูลจากชุมชนลงในรายงาน
ขั้นตอนที่ 1: ในแถบเครื่องมือ คลิกการแสดงภาพข้อมูลจากชุมชนและคอมโพเนนต์ 
ขั้นตอนที่ 2: คลิก + สำรวจเพิ่มเติมเพื่อเปิดแกลเลอรีชุมชน
ขั้นตอนที่ 3: คลิกสร้างการแสดงข้อมูลผ่านภาพของคุณเอง
ขั้นตอนที่ 4: ในส่วนทดสอบและเพิ่มการแสดงภาพข้อมูลจากชุมชน ให้ป้อนเส้นทางไฟล์ Manifest แล้วคลิกส่ง เส้นทางไฟล์ Manifest คือชื่อที่เก็บข้อมูล Google Cloud Storage และเส้นทางที่ชี้ไปยังตำแหน่งของไฟล์ Manifest ของการแสดงภาพ ซึ่งนำหน้าด้วย gs://. เช่น gs://community-viz-docs/viz-codelab หากป้อนเส้นทางไฟล์ Manifest ที่ถูกต้องแล้ว การ์ดการแสดงข้อมูลผ่านภาพควรแสดงผล
ขั้นตอนที่ 5: คลิกการ์ดการแสดงภาพเพื่อเพิ่มลงในรายงาน
ขั้นตอนที่ 6: หากได้รับข้อความแจ้ง โปรดให้ความยินยอมในการอนุญาตให้แสดงภาพ
ขั้นตอนที่ 7: อัปเดตมิติข้อมูลและเมตริกที่เลือกสำหรับตาราง (ไม่บังคับ) หากคุณใช้ชุดข้อมูลตัวอย่างที่ให้ไว้ ให้ตั้งค่ามิติข้อมูลเป็นประเทศและเมตริกเป็นประชากร การดําเนินการนี้จะไม่ส่งผลต่อการแสดงภาพจนกว่าจะถึงช่วงท้ายของ Codelab
แผงคุณสมบัติทางด้านขวามือจะแสดงองค์ประกอบที่กำหนดค่าไว้ใน viz-codelab.json
ในแผงการตั้งค่า การแสดงภาพอนุญาตให้มีมิติข้อมูลและเมตริก 1 รายการ
ในแผงรูปแบบ การแสดงภาพมีองค์ประกอบเดียวสําหรับจัดรูปแบบส่วนหัวตาราง ณ จุดนี้ การควบคุมรูปแบบจะไม่มีผลกับการแสดงภาพจนกว่าจะมีการอัปเดตโค้ดการแสดงภาพในขั้นตอนถัดไป หมายเหตุ: คุณจะเห็นตัวเลือกรูปแบบเพิ่มเติมสำหรับการแสดงภาพที่คุณไม่ได้กำหนดไว้ในไฟล์การกำหนดค่า กรณีนี้เป็นสิ่งที่คาดว่าจะเกิดอยู่แล้ว เนื่องจากการแสดงข้อมูลผ่านภาพทั้งหมดมีชุดของการควบคุมที่ใช้กันโดยทั่วไปซึ่งใช้งานได้โดยอัตโนมัติ
12. แสดงข้อมูลเป็นตาราง
ในส่วนนี้ คุณจะอัปเดตการแสดงภาพเพื่อแสดงชุดข้อมูลตัวอย่างการแสดงภาพชุมชนเป็นตาราง
ข้อมูลที่จะแสดงผลมีอยู่ในออบเจ็กต์ tables และมีการจัดโครงสร้างตามการเปลี่ยนรูปแบบที่ระบุโดยการแสดงภาพของคุณ ใน Codelab นี้ การแสดงภาพขอรูปแบบตาราง (tableTransform) ซึ่งมีออบเจ็กต์ headers และออบเจ็กต์ rows ที่มีข้อมูลทั้งหมดที่จำเป็นต่อการแสดงผลตาราง
ขั้นตอนที่ 1: แทนที่เนื้อหาของ viz-codelab-src.js ด้วยโค้ดด้านล่าง
viz-codelab-src.js
function drawViz(data) {
// Container setup.
let container = document.getElementById('container');
if (container) {
container.textContent = '';
} else {
container = document.createElement('div')
container.id = 'container'
document.body.appendChild(container);
}
// Create the table.
const table = document.createElement('table');
const tableHeader = document.createElement('thead');
const tableBody = document.createElement('tbody');
data.tables.DEFAULT.headers.forEach(function (column) {
const tableColumn = document.createElement('th');
tableColumn.textContent = column.name;
tableHeader.appendChild(tableColumn);
});
data.tables.DEFAULT.rows.forEach(function(row) {
const tableRow = document.createElement('tr');
row.forEach(function(cell) {
const tableCell = document.createElement('td');
if (typeof cell == 'number') {
tableCell.textContent = new Intl.NumberFormat().format(cell);
} else {
tableCell.textContent = cell;
}
tableRow.appendChild(tableCell);
});
tableBody.appendChild(tableRow);
});
table.appendChild(tableHeader);
table.appendChild(tableBody);
// Render the table.
container.appendChild(table);
}
// Subscribe to data and style changes. Use the table format for data.
dscc.subscribeToData(drawViz, { transform: dscc.tableTransform });
ขั้นตอนที่ 2: เตรียมไฟล์กลุ่ม JavaScript แล้วอัปโหลดและเขียนทับไฟล์การแสดงข้อมูลผ่านภาพไปยัง Google Cloud Storage
ขั้นตอนที่ 3: รีเฟรชรายงาน Looker Studio เพื่อโหลดซ้ำและทดสอบการแสดงภาพข้อมูลจากชุมชน ตอนนี้ตารางจะแสดงผลข้อมูล (เช่น สเปรดชีตใน Google ชีต) และแสดงคอลัมน์ส่วนหัวตามมิติข้อมูลและเมตริกที่เลือก โปรดปรับขนาดการแสดงภาพเพื่อดูแถวทั้งหมด
13. ใช้การเปลี่ยนแปลงรูปแบบแบบไดนามิก
ในส่วนนี้ คุณจะได้อัปเดตการแสดงภาพเพื่อจัดรูปแบบส่วนหัวของตารางตามสีเติมที่เลือกในแผงรูปแบบ
สถานะขององค์ประกอบรูปแบบทั้งหมดมีอยู่ในออบเจ็กต์ style ซึ่งกำหนดคีย์แต่ละรายการตามการกำหนดค่ารูปแบบการแสดงภาพของคุณ (viz-codelab.json) สำหรับส่วนนี้ คุณจะได้รับสีเติมที่เลือกและนำไปใช้เพื่ออัปเดตสีพื้นหลังของส่วนหัวของตาราง
ขั้นตอนที่ 1: แทนที่โค้ดในไฟล์ viz-codelab-src.js ด้วยโค้ดด้านล่าง
viz-codelab-src.js
function drawViz(data) {
// Container setup.
let container = document.getElementById('container');
if (container) {
container.textContent = '';
} else {
container = document.createElement('div')
container.id = 'container'
document.body.appendChild(container);
}
// Create the table.
const table = document.createElement('table');
const tableHeader = document.createElement('thead');
const tableBody = document.createElement('tbody');
data.tables.DEFAULT.headers.forEach(function (column) {
const tableColumn = document.createElement('th');
tableColumn.textContent = column.name;
tableHeader.appendChild(tableColumn);
});
data.tables.DEFAULT.rows.forEach(function(row) {
const tableRow = document.createElement('tr');
row.forEach(function(cell) {
const tableCell = document.createElement('td');
if (typeof cell == 'number') {
tableCell.textContent = new Intl.NumberFormat().format(cell);
} else {
tableCell.textContent = cell;
}
tableRow.appendChild(tableCell);
});
tableBody.appendChild(tableRow);
});
table.appendChild(tableHeader);
table.appendChild(tableBody);
// Set header color based on style control.
tableHeader.style.backgroundColor = data.style.headerBg.value.color;
// Render the table.
container.appendChild(table);
}
// Subscribe to data and style changes. Use the table format for data.
dscc.subscribeToData(drawViz, { transform: dscc.tableTransform });
ขั้นตอนที่ 2: เตรียมไฟล์กลุ่ม JavaScript แล้วอัปโหลดและเขียนทับไฟล์การแสดงข้อมูลผ่านภาพไปยัง Google Cloud Storage
ขั้นตอนที่ 3: รีเฟรชรายงาน Looker Studio เพื่อโหลดซ้ำและทดสอบการแสดงภาพข้อมูลจากชุมชน
ขั้นตอนที่ 4: ใต้แผงรูปแบบ ให้ใช้การควบคุมรูปแบบสีพื้นหลังของส่วนหัวเพื่อเปลี่ยนสีพื้นหลังของส่วนหัวตาราง
ยินดีด้วย คุณได้สร้างการแสดงภาพข้อมูลจากชุมชนใน Looker Studio แล้ว สิ้นสุดส่วน Codelab คราวนี้มาดูกันว่าคุณจะทำอะไรต่อไปได้บ้าง
14. ขั้นตอนถัดไป
ขยายการแสดงข้อมูลผ่านภาพ
- ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อมูลและรูปแบบที่ใช้ได้ในการแสดงภาพ
- ดูข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบของรูปแบบที่ใช้ได้ และเพิ่มการจัดรูปแบบเพิ่มเติมให้กับการแสดงภาพ
- เพิ่มการโต้ตอบในการแสดงภาพ
- เรียนรู้วิธีพัฒนาการแสดงข้อมูลผ่านภาพในพื้นที่
ทำสิ่งต่างๆ ได้มากขึ้นด้วยการแสดงภาพข้อมูลจากชุมชน
- ตรวจสอบข้อมูลอ้างอิงสำหรับไลบรารีตัวช่วยของ dscc, ไฟล์ Manifest และไฟล์การกำหนดค่า
- ส่งการแสดงภาพไปที่แกลเลอรีการแสดงภาพข้อมูลจากชุมชน
- สร้างปลั๊กอินจากชุมชนสำหรับใช้ลิงก์ข้อมูล สำหรับ Looker Studio
แหล่งข้อมูลเพิ่มเติม
ด้านล่างนี้คือแหล่งข้อมูลต่างๆ ที่คุณเข้าถึงได้เพื่อช่วยเจาะลึกเนื้อหาที่ครอบคลุมใน Codelab นี้
ประเภททรัพยากร | ฟีเจอร์สำหรับผู้ใช้ | ฟีเจอร์สำหรับนักพัฒนาแอป |
เอกสารประกอบ | ||
ข่าวสารและ ข้อมูลอัปเดต | ลงชื่อสมัครใช้ใน Looker Studio > การตั้งค่าของผู้ใช้ | |
ถามคำถาม | ||
ตัวอย่าง |