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

  • 19 ธันวาคม 2563 351
สร้างรายงานสวยๆด้วย กราฟแท่ง กราฟวงกลม ด้วย canvasjs & PHP
  • แชร์

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

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

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



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





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

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


GitHub

  • แชร์

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

ความคิดเห็น

โควิด-19 :

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

ยอดนิยม

เว็บเทรด Bitcoin

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