آموزش رسم نمودار با Highcharts (جلسه 4) - تنظیمات و کدنویسی - قسمت دوم

- visibility ۲ mode_comment

در این جلسه با ادامه موضوع مربوط به رسم نمودار با Highcharts در خدمتتون هستم. highcharts

در این قسمت با ادامه تنظیمات Highcharts در خدمتتون هستیم.

legend یا فهرست علائم و راهنما:

با استفاده از این قسمت میتونین برای نمودار خودتون یک راهنما قرار بدین و مشخص کنید که هر نمودار مربوط به چه چیزی هست:

میبینید که جهت اون رو عمودی قرار دادیم و مشخص کردیم که در سمت راست نمودار نمایش داده بشه و border هم نداشته باشه. با کلیک بر روی هر کدوم از legend ها میتونین نمودار و خط مربوط به اون رو مخفی و نمایان کنید. این مورد رو در خروجی نمایش خواهیم داد.

series یا سری و مجموعه:

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

میبینید که 4 آیتم برای متغیر series قرار داده شده است و هر کدام از این آیتم ها دارای یک نام و یک سری از داده هستند. هر سری از این داده ها در نمودار یک خط رو تشکیل میده که در آخر خروجی اون رو خواهیم دید.

قدم 3 : ساخت اطلاعات JSON

حالا که تک تک جزئیات رو ساختیم و تعریف کردیم، باید اونا رو به متغیر json اصلی اضافه کنیم و اینکار بصورت زیر انجام میشه:

قدم 4 : رسم نمودار

در نهایت و در گام آخر باید با استفاده از کد زیر نمودار رو رسم کنید:

 

با استفاده از این کد نمودار بصورت زیبا نمایش داده میشه و تمام تنظیماتی که مورد نظرمون بوده بر روی اون اعمال میشه.

مثال:

در اینجا همه کدهای این قسمت رو قرار میدیم و از اونا خروجی میگیریم:

خروجی:line

در قسمتهای بعدی در مورد همه موارد موجود درHighcharts بیشتر توضیح میدیم و برای هر کدام مثالهای فراوانی رو قرار میدیم که بتونین از اونا استفاده کنید.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

comment دیدگاه کاربران
iamonline

ممنون از مطالب مفیدتون
لطفا برای گرفتن ورودی ها از sql هم توضیح دهید

محمد اسفندیاری

در جلسه های بعدی توضیح داده شده….قسمتهای کامنت رو هم مشاهده کنید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.