XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 4 พูดไทย

 

เราจะยังเล่นอยู่กับไฟล์ sample.xml ผมจะใช้ข้อมูลเดิม แต่มีการเปลี่ยนแปลงนิดหน่อย เพื่อแสดงตัวอย่างการใช้งานภาษาไทย

 

ข้อมูลที่จัดให้อยู่ในรูปของตาราง จะเป็นดังนี้

 

  ปี 2001 ปี 2002 ปี 2003 ปี 2004
ข้อมูลชุดที่ 1 5 10 30 63
ข้อมูลชุดที่ 2 100 20 65 55

 

 

เปิดไฟล์ sample.xml ของเราและทำการแก้ไข

 

<chart>

   <chart_data>
      <row>
         <null/>
         <string>ปี 2001</string>

         <string>ปี 2002</string>
         <string>ปี 2003</string>
         <string>ปี 2004</string>
      </row>

      <row>
         <string>ข้อมูลชุดที่ 1</string>
         <number>5</number>
         <number>10</number>

         <number>30</number>
         <number>63</number>
      </row>
      <row>
         <string>ข้อมูลชุดที่ 2</string>

         <number>100</number>
         <number>20</number>
         <number>65</number>
         <number>55</number>

      </row>

   </chart_data>

   <legend_label layout='horizontal ' 
				bullet='circle'
				font='MS Sans Serif'
				bold='true'
				size='12'
				/>

	<axis_category 
				font='MS Sans Serif'
				size='10'
				/>

</chart>

 

เซฟแล้วก็ลองรันไฟล์ example.php ของเราดู ซึ่งจะต้องได้ผลลัพธ์ ดังนี้

 

ทีนี้ผมจะอธิบาย element แต่ละตัวโดยคร่าวๆ

 

<chart> : เป็น root element

<chart_data> : element ที่เก็บข้อมูลของตัวชาร์ท ซึ่งก็จะมีลูกๆ แยกย่อยออกเป็น row แถวๆ

<null/> <string> <number>: 3 ตัวนี้ให้ลองสังเกตุดูว่าเขาใช้ยังไง

<legend_label> : สำหรับปรับแต่ง

 

 

<axis_category> : สำหรับปรับแต่ง