مساعد الرسم البياني - واحد من العديد من مساعدي ويب ASP.NET المفيدين.
يمكن عرض البيانات في مخطط باستخدام مساعد المخطط. يشرح هذا القسم الاستخدام المحدد لمساعد المخطط.
لقد تعلمت في الفصول السابقة كيفية استخدام "المساعدين" لـ ASP.NET.
لقد وصفنا بالفعل كيفية استخدام "WebGrid Helper" لعرض البيانات في الشبكة.
يصف هذا الفصل كيفية استخدام مساعد التخطيط لعرض البيانات بيانياً.
يمكن لـ "Chart Helper" إنشاء أنواع مختلفة من صور المخططات باستخدام مجموعة متنوعة من خيارات التنسيق والتسميات. يمكنه إنشاء مخططات قياسية مثل المخططات المساحية، والمخططات الشريطية، والمخططات العمودية، والمخططات الخطية، والمخططات الدائرية، وما إلى ذلك، بالإضافة إلى مخططات أكثر احترافية مثل مخططات الأسهم.
يمكن أن تأتي البيانات المعروضة في المخطط من مصفوفة، أو قاعدة بيانات، أو ملف.
يوضح المثال التالي الكود المطلوب لعرض مخطط بناءً على بيانات المصفوفة:
@{ var myChart = new Chart(width: 600, height: 400) .AddTitle("Employees") .AddSeries(chartType: "column",xValue: new[] { "Peter"، "Andrew"، "Julie"، "ماري"، "ديف" }، yValues: new[] { "2"، "6"، "4"، "5"، "3" }) .Write();}- يقوم المخطط الجديد بإنشاء كائن مخطط جديد ويحدد عرضه وارتفاعه
- تحدد الطريقة AddTitle عنوان المخطط
- تقوم طريقة AddSeries بإضافة البيانات إلى المخطط
- تحدد المعلمة ChartType نوع المخطط
- تحدد المعلمة xValue اسم المحور السيني
- تحدد المعلمة yValues اسم المحور y
- طريقة الكتابة () تعرض المخطط
يمكنك تنفيذ استعلام قاعدة بيانات ثم استخدام البيانات من نتائج الاستعلام لإنشاء مخطط:
@{ var db = Database.Open("SmallBakery"); var dbdata = db.Query("حدد الاسم والسعر من المنتج"); المبيعات") .DataBindTable(dataSource: dbdata, xField: "Name").Write();}- var db = Database.Open يفتح قاعدة البيانات (يعين كائن قاعدة البيانات للمتغير db)
- var dbdata = db.Query ينفذ استعلام قاعدة البيانات ويحفظ النتائج في dbdata
- يقوم المخطط الجديد بإنشاء كائن مخطط جديد ويحدد عرضه وارتفاعه
- تحدد الطريقة AddTitle عنوان المخطط
- تقوم طريقة DataBindTable بربط مصدر البيانات بالمخطط
- طريقة الكتابة () تعرض المخطط
بديل لاستخدام أسلوب DataBindTable هو استخدام AddSeries (راجع المثال السابق). يعد DataBindTable أسهل في الاستخدام، ولكن AddSeries أكثر مرونة لأنه يمكنك تحديد المخطط والبيانات بشكل أكثر وضوحًا:
@{ var db = Database.Open("SmallBakery"); var dbdata = db.Query("حدد الاسم والسعر من المنتج"); المبيعات") .AddSeries(chartType:"Pie"، xValue: dbdata، xField: "الاسم"، قيم y: dbdata، yFields: "السعر").Write();}الطريقة الثالثة لإنشاء مخطط هي استخدام ملف XML كبيانات المخطط:
@using System.Data;@{var dataSet = new DataSet();dataSet.ReadXmlSchema(Server.MapPath("data.xsd"));dataSet.ReadXml(Server.MapPath("data.xml"));var dataView = new DataView(dataSet.Tables[0]);var myChart = new Chart(width: 600, height: 400).AddTitle("المبيعات لكل موظف").AddSeries("Default"، ChartType: "Pie"،xValue: dataView، xField: "Name"،yValues: dataView، yFields: "Sales").Write();} }ما ورد أعلاه هو مقدمة لاستخدام مساعد الرسم البياني.