เปลี่ยนบัตรเติมน้ำมันบลูการ์ด เป็นชาร์ทงามๆ

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

นี่มันไร้สาระชัดๆ แต่ว่าฉันอยากทำ

แหล่งข้อมูล

มี 2 ที่ จากบางจาก และ ปตท. แต่ในที่นี้จะเอาของ ปตท. เพราะว่าตั้งแต่มันมาเปิดใกล้บ้าน ก็ไม่ค่อยได้เข้าไปเติมบางจากเลย นานๆ แวะที

เข้าเว็บ PTT Bluecard

https://www.pttbluecard.com/ แล้ว Login

เข้าไปที่ Dashboard

https://www.pttbluecard.com/Member/Personaldash

โดยปกติแล้ว ผมจะ copy ตารางนี้แหละ ไปใส่ใน Google Sheets แต่ด้วยความขี้เกียจ ก็เลยไม่ได้เข้าซะเป็นปี ก็เลยใช้เทคนิคที่คิดว่า Dev น่าจะทำด้วยตัวเองได้ เอารายงานเขาออกมา เป็นไฟล์ JSON

เอา JSON มาทำตารางตามถนัด

คิดอยู่ 2 3 วิธี จะ import  json เข้าไปในตารางได้ยังไง? ทีแรกจะใส่ใน sheets เลยแต่ด้วย format ของข้อมูลมันยังใช้งานไม่ได้ เลยต้องเอาแค่ตารางมาก่อน แบบง่ายๆ ด้วย jQuery

ได้ตารางแล้ว

คัดลอกและปรับข้อมูลใน Sheets

ซึ่งมีขั้นตอนการแปลงข้อมูลอีก 3 step เพื่อให้ได้ชุดข้อมูลที่ตรงกับ format ที่ใช้งานอยู่

แปลงวันที่ พ.ศ. เป็น ค.ศ.

ตัดเอาเฉพาะเวลา

เอาวันที่ ปี ค.ศ. ที่แยกมารวมกัน

ตัดเพื่อเอาจำนวนน้ำมันที่เติม

ซึ่งผมจะมีส่วนที่แสดงปริมาณของน้ำมันที่ใช้ไปทั้งหมดด้วย เลยต้องติดเอาข้อมูลจากใน วงเล็บ ออกมา ด้วยวิธีตัดกลาง ผลลัพท์ที่ได้จะเป็น H1

ตัดวงเล็บตรงท้ายออก

เอา H1 ที่ได้ มาตัดท้ายออก ซึ่งตอนนี้ก็นึกอะไรไม่ออกละ เลย LEFT มันแล้วกัน

ใส่ใน sheets ที่ใช้งานจริง

เมื่อได้ข้อมูลที่ต้องการก็คัดลอกใส่ใน sheets ที่เราใช้งานจริงๆ โดยหัวข้อนั้นมาจากบัตร บางจาก เลยยึดของเดิมเอาไว้

ปรับแล้ว ซัดเลย

>> ดู post นี้ https://moremeng.in.th/2016/12/easy-using-google-data-studio.html

สรุป

ทีแรกคิดว่าจะทำตรวจส่วน javascript ให้จบ แต่พอเวลารีบๆ ขี้เกียจรื้อ syntax เพราะไม่ค่อยแม่น กว่าจะงมหาวิธี แปรงข้อมูล ตัด ต่อ ก็คงจะไม่ทันการณ์ เลยใช้ function ที่มันมีอยู่ใน excel หรือ ใน sheets นี่แหละ สะดวกกว่า อาจจะหลายขั้นตอนหน่อย แต่มันได้ข้อมูลแบบชัวร์ๆ เห็นจะๆ กันไปเลย เรื่องราวนี้ก็จบไปได้ด้วยการสนองความต้องการของตัวเองเป็นที่เรียบร้อย