الرسم البياني ASP.NET صفحات ويب
المساعد الرسم البياني - واحدة من العديد من مساعد ويب ASP.NET مفيد.
مساعد الرسم البياني
في الفصل السابق، تعلمت كيفية استخدام ASP.NET في "المساعد".
كما سبق وصفها كيفية استخدام "مساعد WebGrid" لعرض البيانات في الشبكة.
يصف هذا الفصل كيفية استخدام "مخطط مساعد" عرض بيانيا البيانات.
"الرسم البياني مساعد" يمكن أن تخلق أنواع مختلفة من التسميات مع مجموعة متنوعة من خيارات التنسيق وصورة المخطط. فإنه يمكن إنشاء خرائط المنطقة، والرسوم البيانية شريط والرسوم البيانية العمود، والرسوم البيانية خط، الرسوم البيانية الدائرية وغيرها من المعايير، فإنه يمكن خلق المزيد من الشارت المهني مثل الرسوم البيانية الأوراق المالية.
يمكن عرض البيانات في التخطيط من صفيف، البيانات هي قاعدة بيانات أو ملف.
إنشاء تخطيط على أساس مجموعة
يظهر المثال التالي رمز المطلوبة لرسم البيانات من مجموعة:
أمثلة
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Employees")
.AddSeries(chartType: "column",
xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" },
yValues: new[] { "2", "6", "4", "5", "3" })
.Write();
}
تشغيل المثال »
- مخطط جديد بإنشاء كائن مخطط جديد وتعيين العرض والارتفاع
- يحدد طريقة AddTitle عنوان التخطيط
- AddSeries طريقة لزيادة البيانات إلى الرسم البياني
- المعلمة نوع المخطط تحدد نوع الرسم البياني
- المعلمة اسمxValue تحدد محور س
-yValues اسم المعلمة تحدد المحور الصادي
- كتابة () طريقة لعرض الرسم البياني
إنشاء تخطيط على أساس قاعدة بيانات
يمكنك تنفيذ استعلام قاعدة بيانات، ومن ثم استخدام نتائج الاستعلام البيانات لإنشاء تخطيط:
أمثلة
var db = Database.Open("SmallBakery");
var dbdata = db.Query("SELECT Name, Price FROM Product");
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Product Sales")
.DataBindTable(dataSource: dbdata, xField: "Name")
.Write();
}
تشغيل المثال »
- فار ديسيبل = Database.Open فتح قاعدة البيانات (كائن قاعدة البيانات المخصصة لديسيبل متغير)
- فار dbdata = db.Query تنفيذ استعلام قاعدة البيانات وحفظ النتائج في dbdata
- مخطط جديد بإنشاء كائن مخطط جديد وتعيين العرض والارتفاع
- يحدد طريقة AddTitle عنوان التخطيط
- طريقة DataBindTable لربط مصدر البيانات إلى الرسم البياني
- كتابة () طريقة لعرض الرسم البياني
بالإضافة إلى استخدام خارج طريقة DataBindTable، طريقة أخرى لاستخدام AddSeries (انظر المثال السابق). DataBindTable أسهل للاستخدام، ولكن AddSeries أكثر مرونة، لأنه يمكنك تحديد أكثر وضوحا والرسوم البيانية والبيانات:
أمثلة
var db = Database.Open("SmallBakery");
var dbdata = db.Query("SELECT Name, Price FROM Product");
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Product Sales")
.AddSeries(chartType:"Pie",
xValue: dbdata, xField: "Name",
yValues: dbdata, yFields: "Price")
.Write();
}
تشغيل المثال »
إنشاء الرسوم البيانية استنادا إلى بيانات XML
والطريقة الثالثة هي لإنشاء تخطيط باستخدام ملفات XML كبيانات الرسم البياني:
أمثلة
@{
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("Sales Per Employee")
.AddSeries("Default", chartType: "Pie",
xValue: dataView, xField: "Name",
yValues: dataView, yFields: "Sales")
.Write();}
}
تشغيل المثال »