XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 5 แปลงร่าง

ตัว XML/SWF Charts นี้ไม่ใช่จะแสดงได้แต่เพียงกราฟแท่งเท่านั้น ยังมีรูปแบบอื่นอีกหลาย ให้เราเลือก การเปลี่ยนรูปแบบกราฟ

ก็ไม่มีไรมากไปกว่า เพิ่ม element ชื่อ <chart_type> เข้าไป จะแสดงตัวอย่างด้วยการแก้ไขไฟล์ sample.xml เหมือนเดิมนะครับ

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

เปิดไฟล์ 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_type>3d column</chart_type>

</chart>

 

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

นอกจาก 3d column แล้ว ค่าตรงนี้ยังเป็นได้อีกหลายค่า ลองเล่นดู

– line

– column (default)

– stacked column

– floating column

– 3d column

– stacked 3d column

– parallel 3d column

– pie

– 3d pie

– bar

– stacked bar

– floating bar

– area

– stacked area

– candlestick

– scatter

– polar

วัชรเมธน์ ชิษณุคุปต์ ศรีเนธิโรทัย

Programmer, Blogger

ชีวิตมันคือการเดินทางเพื่อค้นหาอะไรบางอย่าง และเพื่อค้นพบอะไรบางอย่าง สิ่งที่รู้แล้วจะได้บอกกล่าวให้คนข้างหลังได้ฟัง เพื่อเดินลุยเข้าไปในพงหนามอย่างเตรียมใจไว้แล้วว่าอาจจะต้องเจ็บ