VS2010 Chart Control DataBinding

เมื่อปลายปี 2008 ไมโครซอฟได้ออกชุดคอมโพเนนต์ (charting component) ในชื่อ Microsoft Chart Control ซึ่งมันอาศัยพื้นฐาน (based on) บน Dundas Chart Control version 5.5 สำหรับใช้พัฒนาบน .NET Framework 3.5  และVisual Studio 2008 และมันถูกใส่มาพร้อมใน .NET Framework 4.0 ซึ่งคอมโพเนนต์ดังกล่าวยอมให้นักพัฒนา สร้างรายงานที่มีแผนภูมิ และกราฟ ได้อย่างรวดเร็วโดยปราศจากการใส่โค้ดใดๆ และ ที่สำคัญเป็นเครื่องมือฟรีสำหรับสร้างแผนภูมิ และกราฟ บนเว็บเพจ (ASP.NET) หรือโปรแกรมบนวินโดวส์ (Windows Form)  นักพัฒนาสามารสร้างรายงานแผนภูมิ หรือกราฟกับข้อมูลที่มีความซับซ้อนเช่น การวิเคราะห์เกี่ยวกับสถิติ หรือการเงิน ได้ง่ายขึ้น โดยสามารถสร้างแผนภูมิ และกราฟได้ทั้งในรูปแบบ 2 มิติ (2D) และ 3 มิติ(3D) สามารถประกาศแผนภูมิข้อมูล(chart data) แบบสแตติก(statically) หรือใช้การผูกข้อมูลแบบไดนามิก (dynamically) ก็ได้ อ้างอิงจาก:> บทความที่ผู้เขียนเคยเขียนลงใน CodeIT ฉบับเดือน มีนาคม-เมษายน 2552

ภาพตัวอย่างกราฟ ส่วนหนึ่งของ Chart control

1. สร้างโปรเจ็กต์ ASP.NET Web Site ที่ Toolbox เราจะเห็น Chart control ดังรูป

 

2. ทำการลากไปวางบน WebForm

3. ทำการผูกข้อมูลให้มัน โดยคลิกบนเมนู Chart Task จะเห็นมี 2 เมนูคือ Choose Data Source: และ Cahrt Type

4. เลือกเมนู Choose Data Source เพื่อกำหนดแหล่งข้อมูลให้มัน => เลือก SQL DataBase เพื่อเลือกแหล่งข้อมูลเป็น MS SQL ผ่าน ConnectioString นั่นเอง => คลิก OK

5. เลือก DB Server และ DB Name => Next => Next

6. เลือกข้อมูลที่ต้องการ นำไปแสดงด้วยกราฟ ในที่นี้ผู้เขียนใช้ข้อมูลจาก View Category Sales for 1997 เป็น View รายงานการขายตามประเภทสินค้าในปี 1997 =>Next => คลิก Test Query เพื่อทดสอบดูข้อมูล => Finish

7. เมื่อกำหนด DataSource เรียบร้อย ให้เรากลับไปที่ Chart Task อีกครั้ง จะเห็นมีเมนูเพิ่มขึ้นมาอีก 2 เมนูคือ X Value Member และ Y Value Members

โดยกำหนดค่าต่างๆ ดังนี้ :

8. ทดสอบรันเพื่อดูรายงานกราฟ เราจะได้รายงานดังรูป (ความสวยงามในบทความไม่ได้กล่าวถึง)

การสร้างรายงานด้วยกราฟใน VS2010 สามารถทำได้ง่ายด้วยการใช้งาน  Chart control ดังกล่าว และที่สำคัญไม่มีโค้ดอีกเช่นเคย ได้จากการกำหนดพรอเพอร์ตีด้วยการคลิก Next เท่านั้นครับ

แหล่งข้อมูลดาวน์โหลด:
 

แหล่งข้อมูลอ้างอิง:
CodeIT ฉบับเดือน มีนาคม-เมษายน 2552

	108932	Screencast – ASP.NET 3.5 Chart Control
		โดย banpote_tt (20 มิ.ย. 52)		24 ก.ค. 21:16	1103	17

ผู้เขียน: