สร้างกราฟแท่งแนวนอนด้วย XHTML CSS

เรื่องของเรื่องคือผมต้องการแสดงกราฟแท่งที่รองรับภาษาไทย แต่หลังจากที่ทดสอบการวาด กราฟด้วย GD แล้ว พบว่าบาง Server มีปัญหากับภาษาไทยอยู่เล็กน้อย ก็เลยเปลี่ยนใจหันกลับมาวาดกราฟด้วย XHTML+CSS แทน ซึ่งจะว่าไปแล้ว กลับพบว่าได้ผลดีกว่าการวาดด้วย GD เสียอีก อีตรงที่มีความเร็วสูงกว่า และ ความสวยงามก็ไม่แพ้กันเลย แต่ข้อจำกัดที่สำคัญ ก็คือวาดได้แค่กราฟแท่งนี่แหละ

โค้ดนี้สามารถแสดงเส้นกริดได้ด้วยนะครับ