สร้างกราฟเพื่อเปรียบเทียบรายจ่ายของแต่ละชนิดใน 1 วัน โดยรายจ่ายจะแบ่งออกเป็น 4 ชนิด คือ Foods (อาหาร) , Drinks (เครื่องดื่ม) , Fare (ค่าเดินทาง) และ Other (อื่นๆ)
commit : Bar Chart
link : https://bitbucket.org/5311565070/w4_1/commits/28bf99d78e0e0bb96338fe970dfd0e5d130cac63ใน commit เป็นการส้รางกราฟแท่ง โดยใช้ SVG โดยข้อมูลที่ใช้ในการสร้าง bar chart นั้นจะใช้ข้อมูลจำนวนค่าใช้จ่าย (amount) - อยู่ในแกน x และชนิดของรายจ่าย (type expenses) - อยู่ในแกน y
commit : Line Chart
link : https://bitbucket.org/5311565070/w4_1/commits/cd8c4c0b1b6a1bef6750924b3dc2fa317b972165ใน commit เป็นการส้รางกราฟเส้น โดยใช้ SVG โดยข้อมูลที่ใช้ในการสร้าง line chart นั้นจะใช้ข้อมูลจำนวนค่าใช้จ่าย (amount) - อยู่ในแกน x และชนิดของรายจ่าย (type expenses) - อยู่ในแกน y ค่าที่ใช้ผมใช้จะเป็นค่าเดียวกันกับ bar chart
commit : Pie Chart
link : https://bitbucket.org/5311565070/w4_1/commits/392b8cbab00d5e85f1145e4db29146bfad71d1deใน commit เป็นการส้รางกราฟแบบวงกลมหรือพาย มีหน้าตาคล้ายๆกับการตัดแบ่งเค้กออกเป็นส่วนๆ ในการสร้างกราฟนี้จะสร้างโดยใช้ SVG ในการสร้าง โดยข้อมูลที่ใช้ในการสร้าง pie chart นั้นจะใช้ข้อมูลจำนวนค่าใช้จ่าย (amount) ของแต่ละชนิดมาคำนวณหาเปอร์เซนตของรายจ่ายใน 1 วัน โดยในส่วนของกราฟชนิดนี้จะแบ่งให้เห็นถึงความแตกต่างของปริมาณการใช้จ่ายใน 1 วัน ได้อย่างชัดเจนที่สุดในบรรดา 2 กราฟข้างต้น
ไม่มีความคิดเห็น:
แสดงความคิดเห็น