آموزش رسم نمودار در سی شارپ به وسیله MSCHART

[sajadjamalian]

سلام دوستان:
توی یکی از پروژه هام احتیاج داشتم که از نمودارها برای آمارگیری استفاده کنم، هرچی گشتم یه آموزش کامل فارسی پیدا نکردم و مجبور شدم خودم بشینم کامل یاد بگیرم، حالا میخوام این تجربیات رو در اختیار دیگر دوستان هم بذارم،

با توجه به نظرات دوستان آموزش رو از پستهای پایینتر شروع میکنیم.

دوستان دقت داشته باشن برای دسترسی راحت تر پستهای این آموزش شماره گذاری شده.

[Programmer 1]

سلام ،

فكر جالبه اتفاقا جاي چنين بحثي تو اين انجمن خاليه خوشحال ميشم اگه آموزش رو شروع كنيد ، ولي منظورتون رو از اينكه آموزش در چه زمينه اي باشه متوجه نشدم .

با تشكر/.

[mrsalam]

دوست عزیز من هم خوشحال می شم که این کار رو انجام بدی آخه تو کار خیر درنگ جایز نیست
انشالا مثل تاپیکهای دیگر نباشه که فقط نظر بگیرن و ...

[BEHZADnr]

سلام دوست عزیر
منم خوشحال میشم که اینکارو شروع کنید
فقط اگه شروع کردین خواهشا تا آخرش ادامه بدین ، ممنون

[sajadjamalian]

(1)
(بسمه)
سلام دوستان:
ممنون از نظراتتون، انشاالله با کمک دوستان تا آخر ادامه میدیم،
برای شروع باید بگم که ابزار MSCHART ابزاری رایگان هست که میتونید اون رو از لینک زیر از سایت مایکروسافت دانلود کنید و نصب کنید:
http://www.microsoft.com/downloads/e...displaylang=en

[sajadjamalian]

(2)
در ابتدا برای آشنایی با این نمودارها عناصری که توی نمودار هست رو باید یاد بگیریم که توی عکس های زیر این عناصر مشخص شده اند:
1.JPG
و
2.JPG

برای رسم یه نمودار باید با عناصر بالا کار کرد، که توی پست های بعدی توضیحات لازم رو برای کار با هرکدوم توضیح میدم.

[sajadjamalian]

(3)
برای کشیدن یه نمودار ساده میتونید از کدهای زیر استفاده کنید، فقط باید در ابتدا از using زیر استفاده کنید:

using System.Windows.Forms.DataVisualization.Charting;

رسم نمودار:

private void DynamicChartCreation_Load(object sender, System.EventArgs e)

{

    // Create a Chart

    chart1 = new Chart();



    // Create Chart Area

    ChartArea chartArea1 = new ChartArea();



    // Add Chart Area to the Chart

    chart1.ChartAreas.Add(chartArea1);



    // Create a data series

    Series series1 = new Series();

    Series series2 = new Series();



    // Add data points to the first series

    series1.Points.Add(34);

    series1.Points.Add(24);

    series1.Points.Add(32);

    series1.Points.Add(28);

    series1.Points.Add(44);



    // Add data points to the second series

    series2.Points.Add(14);

    series2.Points.Add(44);

    series2.Points.Add(24);

    series2.Points.Add(32);

    series2.Points.Add(28);



    // Add series to the chart

    chart1.Series.Add(series1);

    chart1.Series.Add(series2);



    // Set chart control location

    chart1.Location = new System.Drawing.Point(16, 48);



    // Set Chart control size

    chart1.Size = new System.Drawing.Size(360, 260);



    // Add chart control to the form

    this.Controls.AddRange(new System.Windows.Forms.Control[] { this.chart1 });

            

}

[mrsalam]

اسم رفرنسش چیه؟
نصب کردم ولی نمیتونم تو رفرنس اضافش کنم
چه باید کرد؟

[sajadjamalian]

توی سایت مایکروسافت دوتا فایل نصبی باید پیدا کنی یکی خود MSCHART و دیگری کنترلش برای اضافه شدن به toolbox، اگر هردوتاش رو نصب کنی بطور خودکار به toolbox اضافه میشه.
فکر میکنم اسم فایل دوم MSChart_VisualStudioAddOn.exe باشه.

[sajadjamalian]

(4)
خب با توجه به کد بالا متوجه میشیم که توی تمام نمودارها حداقل باید یک chartarea و series تعریف کنیم،(و اونارو به نمودار اضافه کنیم) وبعد میتونیم با استفاده از series (که همون ستون های نمودارمون هست) داده هایی رو به نمودار اضافه کنیم،

حالا میخوام یه توضیحاتی درباره series ها بدم:

با استفاده از series ها میشه نوع نمودارها رو عوض کرد مثلا(ستونی، میله ای، دایره ای، هرمی،نقطه ای و ...) که بنا به نیاز باید از اون ها استفاده کرد،
وقتی نمودار رو ساختیم اونوقت باید series ها رو عوض کنیم، که چند نمونه کدهاش رو براتون میذارم:

نقطه ای:

chart1.Series["Series1"].ChartType = SeriesChartType.Bubble;

3.JPG
میله ای:

Chart1.Series["Default"].ChartType = SeriesChartType.Bar;

4.JPG
خطی:

chart1.Series["Series1"].ChartType = SeriesChartType.Line;

5.JPG
ناحیه ای:

chart1.Series["Series2"].ChartType = SeriesChartType.Area;

6.JPG
و...

[sajadjamalian]

(5)
خب حالا یه خصوصیت در مورد chartarea :
با استفاده از کدهای زیر میتونید نمودارتون رو سه بعدی(3D) کنید:

// show the chart in 3D

chart1.ChartAreas["Default"].Area3DStyle.Enable3D = true;



// set the Rotation value

chart1.ChartAreas["Default"].Area3DStyle.Rotation = 30;

    

// set the Inclination value

chart1.ChartAreas["Default"].Area3DStyle.Inclination = 40;



// set the wall width for the axis

chart1.ChartAreas["Default"].Area3DStyle.WallWidth = 7;

[sajadjamalian]

(6)
یه خاصیت جالب برای نمودارهای MSCHART این هست که میتونیم روی اونها zoom داشته باشیم،(البته نمودار باید در حالت دوبعدی باشه)،
برای اینکه به این خاصیت دسترسی داشته باشیم باید از کدهای زیر استفاده کنیم:

// Enable range selection and zooming end user interface

chart1.ChartAreas["Default"].CursorX.IsUserEnabled = true;

chart1.ChartAreas["Default"].CursorX.IsUserSelectionEnabled = true;

chart1.ChartAreas["Default"].AxisX.ScaleView.Zoomable = true;

chart1.ChartAreas["Default"].AxisX.ScrollBar.IsPositionedInside = true;

[sds1920]

خیلی خیلی ممنونم و خسته نباشید.
اگه لطف کنید بگید توضیحات رو چطوری مینویسند ممنون میشم.

[mrsalam]

(6)
یه خاصیت جالب برای نمودارهای MSCHART این هست که میتونیم روی اونها zoom داشته باشیم،...

متشکرم
ننوشتین که درصد زوم رو چطوری میشه تنظیم کرد؟

[ahrimaneahurai]

با اجازه آقای جمالیان دوستانی که نمونه کدهای بیشتری می خوان به این لینک برن
http://code.msdn.microsoft.com/mscha...ReleaseId=4418

[sajadjamalian]

متشکرم
ننوشتین که درصد زوم رو چطوری میشه تنظیم کرد؟

شما میتونی با کشیدن موس روی محیط نمودار اون رو زوم کنی،
و هم چنین با کد زیر میتونی زوم رو تعیین کنی:

chartArea1.AxisX.ScaleView.Size = 50;

[sajadjamalian]

خیلی خیلی ممنونم و خسته نباشید.
اگه لطف کنید بگید توضیحات رو چطوری مینویسند ممنون میشم.

خواهش میکنم، شما دوستان لطف دارید،
منظورت رو از توضیحات متوجه نمیشم، منظورت رو واضح تر برام بگو، تا بتونم کمکی بکنم.

[sajadjamalian]

(7)
(حرفه ای)
دوستان برای اینکه بتونید جزئیات نمودار رو در سمتی از نمودار داشته باشید، باید از legend ها استفاده کنید، این رو هم مانند series باید تعریف کنید و بعد به نمودارتون اضافه کنید:

Legend1 = new Legend();

            this.Chart1.Legends.Add(legend1);

ولی در این صورت به صورت خودکار چیزی رو مشاهده نمیکنید و باید کدهای زیر رو به نمودارتون اضافه کنید:
توجه داشته باشید که با استفاده از کدهای زیر به هرکدام از ستونهای نمودارتون یه رنگ منحصربفرد اختصاص داده میشه که اونارو میتونید توی legend مشاهده کنید:

chart1.Series["series1"].Palette = ChartColorPalette.BrightPastel;

                                chart1.Series["series1"].IsVisibleInLegend = false;

                                chart1.ApplyPaletteColors();

foreach (DataPoint dp in chart1.Series["series1"].Points)

{

                                    chart1.Legends["legend1"].CustomItems.Add(dp.Color, dp.AxisLabel);

                                }

[sajadjamalian]

(8)
(حرفه ای)
الان میخوام نحوه اتصال نمودار رو به جدولی از دیتابیس براتون توضیح بدم،(Data Binding a Table)
در کد زیر من از دیتابیسی استفاده کردم که جدولی به نام REPS دارد و این جدول ستونهایی به نام name,sales دارد،

// Define the database query    

string mySelectQuery="SELECT Name, Sales FROM REPS;";



// Create a database connection object using the connection string    

OleDbConnection myConnection = new OleDbConnection(myConnectionString);



// Create a database command on the connection using query    

OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);



// Open the connection    

myCommand.Connection.Open();



// Create a database reader    

OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConne  ction);



// Since the reader implements and IEnumerable, pass the reader directly into

// the DataBindTable method with the name of the Column to be used as the XValue

Chart1.DataBindTable(myReader, "Name");



// Close the reader and the connection

myReader.Close();

myConnection.Close();

7.JPG

[sajadjamalian]

(9)
(حرفه ای)
الان میخوام نحوه اتصال نمودار رو به جدولی از دیتابیس براتون توضیح بدم،(data source binding)
در کد زیر من از دیتابیسی استفاده کردم که جدولی به نام REPS دارد و این جدول ستونهایی به نام name,sales دارد،

// Define the database query    

string mySelectQuery="SELECT * FROM REPS;";



// Create a database connection object using the connection string    

OleDbConnection myConnection = new OleDbConnection(myConnectionString);



// Create a database command on the connection using query    

OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);



// Set chart data source

chart1.DataSource = myCommand;



// Set series members names for the X and Y values 

chart1.Series["Series 1"].XValueMember = "Name";

chart1.Series["Series 1"].YValueMembers = "Sales";



// Data bind to the selected data source

chart1.DataBind();

8.JPG

[sajadjamalian]

(10)
برای اینکه عدد هر ستون روی اون ستون نوشته بشه باید از کد زیر استفاده کنید:

// Show data points values as labels

chart1.Series["Series1"].IsValueShownAsLabel = true;

البته شما میتونید به صورت دستی هم برای هر کدوم از ستونها عدد یا رشته ای رو بنویسید که روی اون نوشته بشه:
برای مثال:

// Set data point label

chart1.Series["Series1"].Points[2].Label = "My Point Label\nLabel Line #2";

[sajadjamalian]

(11)
(حرفه ای)

نمودارهای MSCHART در حالت سه بعدی یه خاصیت خیلی جالب دارن و اونم اینه که میشه با استفاده از یه تایمر و کدهای زیر که باید توی timer_tick نوشته بشن، اونارو به چرخش در آورد،

حتما امتحان کنید چون خیلی جالبه:

if(chart1.ChartAreas[0].Area3DStyle.Rotation <= 177)

                chart1.ChartAreas[0].Area3DStyle.Rotation += 3;

            else

                chart1.ChartAreas[0].Area3DStyle.Rotation = -180;

دقت کنید مثلا در form_load برنامه باید timer رو فعال کنید، اونوقت نمودار به صورت انیمیشنی جالب شروع به چرخیدن میکنه.

[sajadjamalian]

(12)
(حرفه ای)
کدهای پرینت و ذخیره نمودار به صورت عکس:

پرینت:

// Show Page Setup dialog

chart1.Printing.PageSetup();



// Print preview chart

chart1.Printing.PrintPreview();



// Print chart (without Printer dialog)

chart1.Printing.Print(false);

ذخیره به صورت عکس :

private void Save_Click(object sender, System.EventArgs e)

{

    // Create a new save file dialog

    SaveFileDialog saveFileDialog1 = new SaveFileDialog();



    // Sets the current file name filter string, which determines 

    // the choices that appear in the "Save as file type" or 

    // "Files of type" box in the dialog box.

    saveFileDialog1.Filter = "Bitmap (*.bmp)|*.bmp|JPEG (*.jpg)|*.jpg|EMF (*.emf)|*.emf|PNG (*.png)|*.png|SVG (*.svg)|*.svg|GIF (*.gif)|*.gif|TIFF (*.tif)|*.tif";

    saveFileDialog1.FilterIndex = 2 ;

    saveFileDialog1.RestoreDirectory = true ;



    // Set image file format

    if(saveFileDialog1.ShowDialog() == DialogResult.OK)

    {

        ChartImageFormat format = ChartImageFormat.Bmp;



        if( saveFileDialog1.FileName.EndsWith( "bmp" ) )

        {

            format = ChartImageFormat.Bmp;

        }

        else if( saveFileDialog1.FileName.EndsWith( "jpg" ) )

        {

            format = ChartImageFormat.Jpeg;

        }

        else if( saveFileDialog1.FileName.EndsWith( "emf" ) )

        {

            format = ChartImageFormat.Emf;

        }

        else if( saveFileDialog1.FileName.EndsWith( "gif" ) )

        {

            format = ChartImageFormat.Gif;

        }

        else if( saveFileDialog1.FileName.EndsWith( "png" ) )

        {

            format = ChartImageFormat.Png;

        }

        else if( saveFileDialog1.FileName.EndsWith( "tif" ) )

        {

            format = ChartImageFormat.Tiff;

        }

        else if( saveFileDialog1.FileName.EndsWith( "svg" ) )

        {

            format = ChartImageFormat.Svg;

        }



        // Save image

        Chart1.SaveImage( saveFileDialog1.FileName, format );

    }

}

[sajadjamalian]

(13)

با کدهای زیر میتونید max و min داده ها در نمودار رو پیدا کنید و ستون هاشون رو تغییر رنگ بدید:

// Find point with maximum Y value and change color

DataPoint maxValuePoint = chart1.Series["Series1"].Points.FindMaxValue();

maxValuePoint.Color = Color.FromArgb(255, 128, 128);

                                                                                            

// Find point with minimum Y value and change color

DataPoint minValuePoint = chart1.Series["Series1"].Points.FindMinValue();

minValuePoint.Color = Color.FromArgb(128, 128, 255);

9.JPG

[sajadjamalian]

از دوستان کسی نظری، پیشنهادی، انتقادی نداره؟؟؟

[sajadjamalian]

سلام دوستان:
آموزش های بالا رو توی یه فایل word جمع آوری کردم که بتونید راحت تر دسترسی داشته باشید:

[shimaya64]

سلام آقای جمالیان،خیلی ممنون از آموزشتون.
من چند تا سوال از خدمتتون داشتم ممنون می شم اگه زودتر کمکم کنید.
1.من هر دو فایلو دانلود کردم ونصب کردم ،واز ویژوال 2008 تحت ویندوز استفاده می کنم.اما در Toolbox چیزی نشون نمیده. چیکار باید بکنم.
2.بعدش این کدهارو من در کجای برنامه وارد کنم،ایا باید یک فرم جدا Add کنم و بعد در Load برنامه بنویسم.

[sajadjamalian]

سلام دوست عزیز
اولا ببخشید که با تاخیر جوابتون رو میدم، من حدود یک ماه از دنیای مجازی دور بودم،
اگر با نصب هر دو فایل نمودار به تولباکس اضافه نمیشه باید روی تولباکس کلیک راست کنی و توی قسمت choose item و بعد توی قسمت .net framework component علامت chart رو بزنی تا به تولباکس اضافه بشه،
بعد در مورد کدها هم باید بگم شما هم میتونی توی load فرمتون اضافه کنید و هم میتونید به عنوان متد ازشون استفاده کنید و توی load فرمتون متد رو فراخونی کنید.

[khanumi]

سلام، از آموزش خوبتون ممنونم، اما من هيچ خروجي نگرفتم موقع اجرا از خط آخر خطا ميگيره،
this.Controls.AddRange(new System.Windows.Forms.Control[] { this.chart1 });
تو مشخصات هم كه مقدار دهي ميكنم بازم هيچي نشون نميده، ممنون ميشم كمكم كنيد

[milad_tensy]

سلام ، واقعاً ممنون با این توضیح قشنگ و جامع . البته بعضی جاها خیلی کوچولو اشتباه تایپی رخداده ولی در کل بی نهایت ممنون آقا سجاد عزیز

فقط اگر هنوز مهلت این تاپیک تموم نشده می شه بگی این چارت رو چطور به SQL وصل کنیم ؟؟؟

بینهایت ممنون

[sajadjamalian]

سلام ، واقعاً ممنون با این توضیح قشنگ و جامع . البته بعضی جاها خیلی کوچولو اشتباه تایپی رخداده ولی در کل بی نهایت ممنون آقا سجاد عزیز

فقط اگر هنوز مهلت این تاپیک تموم نشده می شه بگی این چارت رو چطور به SQL وصل کنیم ؟؟؟

بینهایت ممنون

سلام دوست عزیز،
ممنون شما لطف دارید،
توی تاپیک 8 و 9 توضیحات اتصال به دیتابیس رو دادم، اگه کافی نیست بگو بیشتر توضیح بدم،
موفق باشی.

[Emerlad_64]

salam,mersi az amozesheton
man to nasb nemodar ba asp.net be zaban C#‎2005(barnamenevisi web )moshkel daram az crystal report va kheili abzare nemodargiri estefade kardam nashod,hala in abzare rasme nemodar toye web kar mikone ?hatman bayad az C#‎2008 estefade konam?
mamnon misham rahnamai kkonid

[sajadjamalian]

salam,mersi az amozesheton
man to nasb nemodar ba asp.net be zaban C#‎2005(barnamenevisi web )moshkel daram az crystal report va kheili abzare nemodargiri estefade kardam nashod,hala in abzare rasme nemodar toye web kar mikone ?hatman bayad az C#‎2008 estefade konam?
mamnon misham rahnamai kkonid

سلام دوستان:
در مورد رسم نمودار در وب باید همین ابزار رو از سایت مایکروسافت دانلود کنی،
توی سایت مایکروسافت دوقسمت هست:web,windows که شما ابزار مربوط به وب رو دانلود کن و نصب کن،
اگه بری توی سایت مایکروسافت خیلی راحت میتونی ابزار مورد نظرت رو پیدا کنی.

[Emerlad_64]

واي كلي طول كشيد تا تونستم mschartرو به ويژوال استديوم اضافه كنم يعني بايد حذفش كنم و واينو كه شما گفتيدو اضافه كنم ،لطف ميكنيد ادرس لينك دانلودشو دقيق بگيد،كدنويسيش كه فرقي نميكنه؟يعني ميتونم از همين آموزشي كه شما لطف كرديدو گذاشتيد براي تحت وب هم استفاده كنم؟خواهش ميكنم اگه ميتونيد راهنمايي كنيد 2 ماه دارم تو وب در مورد نمودار گيري سرچ ميكنم ،از هر چي بگيد استفاده كردم نشدم ،شما از روش نمودار گيري تحت وبmschart خودتون استفاده كرديد?mersiii

[Emerlad_64]

سايت مایکروسافت همون سايتي كه mschart تحت ويندوزو گفتيد ازونجا دانلود كنيم؟ من گشتم همون يه ابزاريو كه شما گفتيدو داشت نه تفكيكي براي وب و ويندوز؟

[l7i7l7]

با سلام و تشكر از دوست عزيزمون sajadjamalian

از بابت آموزشت خيلي ممنونم لطفا ادامه آموزش ها رو هم بذار

فقط يه مسئله اي كه ميخوام با اجازه شما بگم مربوط به FindMaxValue هستش

متد ()FindMaxValue در visual studio 2008 - .net framework 3.5 بصورت ()FindMaxByValue هستش

[sajadjamalian]

سلام دوستان:
من خودم خیلی دوست دارم که آموزش رو ادامه بدم، ولی متاسفانه وقتم خیلی پر هست،
ولی دارم یه مقاله آموزشی کامل در مورد mschart تهیه میکنم که به محض تموم شدن در اختیار تمام دوستان میذارم تا بتونن استفاده کنن،
موفق باشید.

[maikola]

یاسلام من یه دیتاگرید دارم که میخوام با mschart نمودار دو تا ستون اون رو رسم کنم ستون Y از نوع string هست ولی به صورت عدد ستون X از نوع string که زمان در اون ثبت میشه مثل 12:23:4 حالا میخوام این نمودار رو در mschart رسم کنم ولی طبق انتظار نشون نمیده مثل زیر:
Untitled.jpg

[maikola]

یاری کننده ای نبود؟

[انتظاری]

سلام همگی خسته نباشید
من نتوانستم کنترلی را به toolbax اضافه کنم .از سایتی که گفتید دو تا فایل MSChart.exe و Supplemental Redist License_English.docx را دانلود کردم و فایل اول را نصب کردم ولی اتفاقی نیفتاد حتی کامپوننت چارت را هم به toolboxاضافه کردم ولی اونم فایده ای نداشت Visual Stadio من 2008 است لطفا راهنمایی کنید مشکل از کجاست.