تمرین رسم chart در سی شارپ

در این پست قصد داریم تمرین رسم chart در سی شارپ بررسی و پیاده سازی نماییم.

سوال:برنامه ای بنویسید که اطلاعات فروش و هزینه تبلیغات یک شرکت را روی نمودار ببرد؟

Data های ورودی به صورت زیر میباشند:

data های مورد نظر

برای اینکه بتوانیم دیتاهای بالا را بر روی نمودار ببریم ابتدا باید به تفکیک آن بپردازیم.

همانطور که مشاهده میکنید دیتای مشترک بین فروش و تبلیغات ماه ها میباشد.

یعنی در ماه فروردین هم مقدار فروش داریم و هم تبلیغات پس بهتر است ماه فروردین قسمت x محور نمودارمان را تشکیل دهد.

و در قسمت y بخش فروش و تبلیغات در کنار هم قرار بگیرند که بتوانیم میزان بالا پایین رفتن این دو آیتم را مشاهده کنیم.

رسم نمودار در سی شارپ

نمونه سوال کاربردی: نمونه سوال سی شارپ از دانشگاه زابل

برای رسم نمودار در سی شارپ ابتدا باید از قسمت component های داخل toolbox ابزار chart را بر روی صفحه قرار دهیم.

سپس برای تعریف بازه ای از اعداد به طور مثال در این سوال ما اعداد فروش و اعداد تبلیغات باید از series ها استفاده کنیم.

یعنی در اصل ما به ازای هر آیتم (فروش و تبلیغات) سری های مجزا تعریف و تنظیم میکنیم و سپس این سری ها را به chart خود اضافه میکنیم.

تعریف series برای رسم chart در سی شارپ

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

long[] months = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 };
            long[] forosh = { 1200000, 15000, 18000, 50000, 400000, 1500000, 700000, 450000, 18000, 1900000, 2500000, 1700000 };
            long[] ads = { 1000, 15000, 50000, 60000, 700000, 800000, 900000, 500000, 1000, 45000, 16000, 18000000 };

            Series sForosh = new Series();
            sForosh.Name = "فروش";
            sForosh.ChartType = SeriesChartType.Point;
            for (int i = 0; i < forosh.Length; i++)
            {
                sForosh.Points.AddXY(months[i], forosh[i]);
            }

همانطور که مشاهده میکنید ابتدا مقادیر فروش و تبلیغات و ماه ها را در آرایه های مختلف در نظر میگیریم.

سپس با ایجاد شی از کلاس Series یک سری برای فروش در نظر میگیریم.

در نهایت با تنظیم Name , SeriesChartType  میتوانیم نام سری و نوع نمایش آن در نمودار را تنظیم کنیم.

سپس نقطه های مختلف را به سری اضافه میکنیم.

با کمک تابع AddXY مقدار ماه و فروش را برای سری فروشمان در نظر میگیریم.

در نهایت کافیست با کمک قطعه کد زیر آن را به چارت خود اضافه کنیم.

chart1.Series.Add(sForosh);

حالا همین کار را برای سری تبلیغات میتوانیم انجام دهیم.

chart با سری های مختلف

تنظیمات بیشتر برای رسم chart در سی شارپ

تمرین بیشتر: کار با فایل اکسل در سی شارپ

تا اینجا توانستیم با پر کردن اطلاعات در سری ها دیتاهای خودمان را بر روی chart رسم نماییم.

حالا میخواهیم به طور مثال رنگ پس زمینه چارت را تغییر دهیم.

تغییر رنگ پس زمینه chart

از قطعه کد زیر برای تغییر رنگ پس زمینه chart استفاده میکنیم:

chart1.BackColor = Color.Red;

تنظیم عنوان برای نمودار

همانطور که در تصویر مشاهده میکنید عنوان نمودار را ما نمودار فروش و تبلیغات در نظر گرفتیم.

حالا شما میتوانید با تنظیم زیر این عنوان را به عنوان دلخواه تغییر دهید.

chart1.Titles.Add("نمودار فروش و تبلیغات");

نکته مهم

نمودار زمانی که بر روی صفحه قرار میگیرد به صورت پیشفرض یک سری را دارد.

شاید شما نخواهید از آن سری استفاده کنید پس میتوانید با دستور زیر آن را حذف نمایید.

chart1.Series.Clear();

ذخیره تصویر chart به فرمت PNG

برای ذخیره تصویر chart نهایی که رسم کردید میتوانید ابتدا با کمک save dialog یک مسیر از کاربر دریافت کنید.

سپس با کمک قطعه کد زیر چارت را تبدیل به تصویر و در مسیر انتخابی کاربر ذخیره نمایید.

جمع بندی

در این پست به حل تمرین رسم chart در سی شارپ پرداختیم.

با series ها آشنا شدیم که برای درج نقاط نمودار استفاده شدند.

با تنظیمات chart آشنا شدیم که background برای تغییر رنگ پس زمینه و titles برای تغییر عنوان چارت استفاده شد.

در نهایت با کمک تابع SaveImage ذخیره تصویر چارت را مطرح و سورس کد هایی را برای هر قسمت ارائه دادیم.

از بخش تمرین های سی شارپ میتوانید مجموعه تمرین های رایگان و با جواب سی شارپ را مشاهده نمایید.