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

- visibility ٠ mode_comment

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

نمونه سوم : نمودار ستونی عمودی Stack یا پشت سر هم

با استفاده از این نمونه میتونین نمودارهایی رسم کنید که بجای اینکه جدا از هم نمایش داده بشن، پشت سر هم و در ادامه هم نمایش داده بشن. به این نوع نمودارها Stack میگن که قبلا هم نمونه هایی از اونا رو براتون قرار دادیم. همونطور که قبلا گفتیم دو حالت برای Stack شدن نمودارها وجود داره که شامل normal و percent هست. کل کدهای مربوط به این نمونه رو در اختیارتون میزارم و بعد براتون توضیح میدم:

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

بیشتر کدها همانند قبل هستند ولی کد بالا یک قطعه کد رو اضافه کرده است و اون هم ویژگی Stacking درون plotOptions هست. میبینید که مقدار این ویژگی رو برابر با normal قرار داده و با اینکار این نمودار بصورت stack و پشت سرهم نمایش داده میشه. خروجی بصورت زیر خواهد بود:column stacked charts

نمونه چهارم : نمودار ستونی عمودی percent stack

اگر بجای normal از مقدار percent استفاده کنیم، نمودار کشیده میشه و کل ناحیه رو میگیره و هر کدوم به نسبت درصد مورد نظرشون رو اشغال میکنن و کاربری که نمودار رو میبینه درک بهتری از نمودار داره. کدهاش بصورت زیر میشه:

میبینید که همچین کدی در اون هست:

میبینید که در بالا از percent استفاده کردیم. خروجیش بصورت زیر هست:percent column charts

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

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

یا علی

Source

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

نیاز به لاگین

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