استفاده از کنترل Chart در ASP.Net

کنترل Chart در دات نت مایکروسافت ، این اجازه را می دهد تا به سادگی از ویژگی های غنی و جذاب دو بعدی و سه بعدی آن در وب سایتهای ASP.Net و برنامه های کاربردی ویندوز ، بتوان استفاده کرد.
در این مقاله می خواهیم در مورد کنترل های Chart در ASP.Net کاوش کنیم. کنترل Chart در ASP.Net ، شما را قادر می سازد تا نمودارهای بصری قانع کننده ای را برای برنامه های کاربردی و وبسایت ها ایجاد کنید و تقریباً از همه نوع نمودار دو بعدی و سه بعدی پشتیبانی می کند. شما می توانید نمونه ها را از این لینک دریافت کرده و مورد بررسی قرار دهید.

این کنترل بخشی از نسخه ۴ دات نت مایکروسافت است.
اگر شما از ASP.Net 4.0 استفاده کنید، کنترل Chart را در جعبه ابزار خواهید دید و می توانید با انجام عملیات درگ و دراپ آنرا به پروژه خود اضافه کرده و از آن استفاده کنید.

در صورتیکه از دات نت ورژن ۳٫۵ استفاده می کنید، می توانید این کنترل را به صورت جداگانه از این لینک دریافت کنید.

اجازه دهید تا شروع کنیم:

مرحله ۱: یک صفحه وب ASP.Net در ویژوال استودیو ایجاد کرده و یک کنترل Chart همراه با یک دکمه از جعبه ابزار ، به صفحه وب Default.aspx اضافه کنید. ویژگی Area3DStyle را برای فعال سازی قابلیت سه بعدی برابر با True تنظیم کنید.

مرحله ۲: کد های زیر را با توجه به زبانی که پروژه تان را با آن ایجاد کرده اید، در کد پشت صحنه (فایل Default.aspx.cs) قرار دهید.

#C :

protected void btnBind_Click(object sender, EventArgs e) { string dataPath = MapPath(".") + "\\books.xml"; DataSet ds = new DataSet(); ds.ReadXml(dataPath); DataTable dt = ds.Tables[0]; DataView dataView = new DataView(dt); // Bind XML chartBooks.Series[0].Points.DataBindXY(dataView, "title", dataView, "price"); }

VB.Net (کد تبدیل شده):

Protected Sub btnBind_Click(ByVal sender As Object, ByVal e As EventArgs) Dim dataPath As String = MapPath(".") & "\books.xml" Dim ds As New DataSet() ds.ReadXml(dataPath) Dim dt As DataTable = ds.Tables(0) Dim dataView As New DataView(dt) ' Bind XML chartBooks.Series(0).Points.DataBindXY(dataView, "title", dataView, "price") End Subدر کد بالا، ما با استفاده از DataSet.ReadXML توانستیم داده های XML داخل DataSet را بخوانیم. سپس یک DataView با استفاده از DataTable ایجاد کردیم و بعد از آن از DataBindXY برای اتصال دادن مقادیر X و Y از این مجموعه به ستون های مشخص شده از DataView استفاده کردیم. در این مورد ، ما title را برای محور X و price را برای محور Y تنظیم کردیم.

استفاده از کنترل Chart در ASP.Net

مطالب مشابه :

استفاده از کنترل Chart در ASP.Net

Cute Editor for .NET version 6.6

راهنمای خرید کارت گرافیک / Graphic Card / AMD / ATI / Intel / Nvidia - زومیت

نکات مهم برای خرید چگونگی خرید و راهنمای خرید سیستم صوتی حرفه‌ای خانگی