illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

0 204 ۱۷ خرداد ۹۵

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

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

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

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

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

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

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

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

 

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

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

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram