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

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



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

آموزش رسم نمودار با Highcharts (جلسه 28) - نمودارهای حبابی یا Bubble

0 203 ۱۹ خرداد ۹۵

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

نمونه اول : نمودار حبابی ساده

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

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

میبینید که نوع نمودار رو برابر با bubble قرار دادیم و با این کار داده ها بصورت حبابی نمایش داده میشن. با استفاده از ویژگی zoomType هم برای نمودار قابلیت بزرگنمایی در جهتهای افقی و عمودی رو قرار دادیم.

میبینید درون متغیر Series هم داده های مورد نظرمون رو قرار دادیم و در سه دسته کلی جا گرفتن. هر کدوم از اونا سه مقدار داره، که مقدار اول اون محل افقی و مقدار دوم محل عمودی و مقدار سوم نیز شعاع اون رو مشخص میکنه. خروجی بصورت زیر میشه:bubble basic chart

نمونه دوم : نمودار حبابی با ظاهر سه بعدی

این نمونه تقریبا شبیه به نمونه قبلی هست، با این تفاوت که ظاهر حباب ها در این نمونه به صورت سه بعدی هست و زیباتر و طبیعی تر از قبل میشه. کل کدهای مربوط به این نمونه رو در اختیارتون میزارم و بعد براتون توضیح میدم:

تفاوتی که با نمونه قبل داره اینه که درون متغیر Series، ویژگی marker رو دستکاری کرده و برای رنگ پس زمینه اون یک گرادیان شعاعی قرار داده. بصورت زیر:

میبینید که برای هر دسته یک گرادیان قرار داده شده و طول، عرض و شعاع گرادیان رو مشخص کرده. خروجی بصورت زیر خواهد بود:bubble 3d chart

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

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram