آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

0 366 ۱۷ خرداد ۹۵

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

نمونه ششم : نمودار دایره ای با گرادیان یا gradient

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

میبینید که کدی بصورت زیر رو قرار دادیم:

با استفاده از کد بالا بصورت شعاعی گرادیانی برای نمودار ایجاد میشه و به زیبایی اون می افزاید. میبینید مرکز و شعاع رو در نظر گرفته و رنگهایی که قراره به اون خاتمه پیدا کنه رو درون stops قرار داده. خروجی بصورت زیر خواهد شد:pie gradient chart

نمونه هفتم : نمودار دایره ای تگ رنگی

با استفاده از این نمونه میتونین نمودارهای دایره ای رسم کنید که بصورت تک فام باشن و کل نمودارهای اون دارای رنگهای مشابهی باشن. برای مثال آبی کم رنگ، متوسط، پررنگ و ... . کل کدها بصورت زیر هست:

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

 

میبینید که عملیاتی بر روی رنگهای مورد نظر صورت گرفته تا اون رو بصورت monochrome در بیاره. خروجی بصورت زیر میشه:monochrome pie chart

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

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

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :