پس از ساخت این لیست داده هایی را برای آزمایش وارد کرده و صفحه ای که میخواهیم در آنجا chart را ایجاد کنیم باز میکنیم :
پس از فشردن دکمه Add کمی صبور باشید تا صفحه بارگذاری شود و تصویر زیر برای شما نمایش داده شود (دادههای نمایش داده شده آزمایشی و تصادفی هستند و با بازآوری صفحه تغییر میکنند):
همانطور که مشاهده میکنید دو دکمه در بالای این نمودار نمایش داده شده است (در قسمت تنظیمات web part هم میتوانید ارجاعهای لازم به این لینکها را بیابید ) :
Data & Appearance برای مدیریت منبع دادههای نمودار و نحوه نمایش دادهها که دو لینک اصلی در آن وجود دارد :
Advanced Propertes برای مدیریت قسمتهای دیگر از قبیل جزییات رنگ بندی و زمینه و ...
یک نمونه از فرم تنظیمات :
برای شروع به کار از قسمت Data & Appearance گزینه Connect chart to Data را انتخاب میکنیم :
همانطور که مشاهده میکنید (در قدم اول) میتوانید دادههای خود را از قسمتهای مختلف با نمودار بایند کنید : در اینجا همانطور که در ابتدا گفته شد از لیست استفاده میکنم (گزینه دوم) :
در لیستهای نمایش داده شده مانند تصویر زیر میتوانید مسیر سایت را انتخاب نموده و نام لیست را مشخص کنید :
در قدم بعد پیش نمایشی برای شما از دادهها نمایش داده میشود (به همراه توضیحاتی در مورد فیلتر کردن اطلاعات و ستون ها) بعد از زدن Next وارد مرحله آخر میشویم :
همانطور که در شکل زیر مشاهده میکنید میتوانید مشخص کنید که دادههای محورهای نمودار از کدام ستونها داده را بگیرند و در صورت نیاز به عملیات گروه بندی میتوانید آن را اعمال کنید :
در دیگر قسمتهای این فرم میتوانید تنظیمات دیگری را انجام دهید برای مثال در قسمت Other Fields میتوانید برای آیتمهای روی نمودار یک لینک یا Tooltip تعریف کنید .
پس از زدن دکمه Finish خروجی زیر را خواهید دید :
حال میتوانید از قسمت Customize Your Chart به ویرایش نحوه نمایش دادهها بپردازید
همانطور که مشاهده میکنید در این قسمت میتوانید نوع نمودار را بسته به نیاز خود انتخاب نمایید ، ویژکیهای نمایشی آن را تغییر داده و برای نمودار خود ویژکیهای 3 بعدی تنظیم کنید .
(برای نمایش بهتر خاصیت group by را از نمودار حذف کردم ) . نوع نمایش را مانند زیر تغییر میدهم :
در این قسمت Theme نمایشی نمودار و نوع نمایش ستونها و درصد transparency بودن ستون را بعلاوه طول و عرض اندازه نمودار و نوع خروجی نمایش داده شده در صفحه میتوانید تنظیم کنید . روی Next کلیک میکنم تا وارد دیگر تنظیمات شود از جمله عنوان نمودار و راهنمای آن :
در قسمت بالا تنظیمات عنوان برای نمودار قابل اجرا میباشد و در قسمت زیرین ، توضیحات و اختصارات راهنمای نمودار قابل تنظیم است . در این قسمت حتی میتوانید راهنما را داخل خود نمودار انداخته (Dock to chart Area ) و موقعیت آن را مشخص کنید . کار تقریبا تمام شد . روی Finish کلیک کنید .
حال با رجوع به قسمت Advanced Propertes میتوانید روی ظاهر این نمودار بیشتر کار کنید . این یک نمونه ساده از خروجی کار با این قسمت است :