สร้างรายงานสวยๆด้วย กราฟแท่ง กราฟวงกลม ด้วย canvasjs & PHP | boychawin.com

สร้างรายงานสวยๆด้วย กราฟแท่ง กราฟวงกลม ด้วย canvasjs & PHP

  • December 19, 2020 709
สร้างรายงานสวยๆด้วย กราฟแท่ง กราฟวงกลม ด้วย canvasjs & PHP
  • Share

สิ่งที่รู้ก่อนเริ่ม
1. ต้องมีการสร้าง ตารางฐานข้อมูลไว้แล้ว 
2.label คือ แกน  x หรือแนวนอน ตรงนี้ใส่เป็นชนิดข้อความได้เลย
3. x, y ตรงคำสั่ง sql ให้แทนด้วยชื่อฟิลด์นะครับ 
4. มีโค้ดแบบ mysqli และ PDO 

โค้ดต้นแบบจะกำหนดเป็น กราฟแท่งนะครับ ถ้าต้องการเปลี่ยนเป็นกราฟวงกลม ก็ง่ายๆ ลองอ่านที่คอมเม้นต์ ในตัวโค้ดได้เลยนะครับ เปลี่ยน ธีมได้ด้วย ลองไปศึกษาลูกเล่นต่างๆได้ที่  canvasjs.com มีกราฟเจ๋งๆให้เลือกใช้เยอะเลย

ภาพตัวอย่าง กราฟแท่ง



ภาพตัวอย่าง กราฟวงกลม





ตัวอย่างโค้ดแบบเต็ม 

(ถ้า copy ไม่ได้ คลิกที่นี่ และสำหรับคนที่เขียนแบบ PHP PDO คลิกที่นี่)


GitHub

บทความอื่นที่น่าสนใจ

ความคิดเห็น

ติดตาม Facebook

ยอดนิยมวันนี้

ยอดนิยม

เว็บเทรด Bitcoin

ช่องทางติดต่อเรา