انواع نمودار

نمودارها با بیش از دوازده نوع مختلف ارائه می شوند. شما معمولاً نوع نمودار را در سازنده شی Chart مشخص می کنید. انواع نمودار موجود در فهرست ChartType تعریف شده است. بعداً می‌توانید نوع نمودار را با ویژگی chartType مدل نمودار بخوانید یا تنظیم کنید، که می‌توانید با getConfiguration(). getChart() دریافت کنید.

انواع نمودارهای پشتیبانی شده عبارتند از:

هر نوع نمودار دارای گزینه های نمودار خاص خود است و از مجموعه خاصی از ویژگی های نمودار پشتیبانی می کند. آنها همچنین الزامات خاصی برای سری داده ها دارند. پیکربندی برچسب های داده در همه انواع نمودار مشترک است. پیکربندی نشانگرها برای همه انواع نمودار که داده‌های نقطه‌ای را نمایش می‌دهند در دسترس است.

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

نمودارهای خط و اسپلاین

نمودارهای خطی مجموعه ای از نقاط داده را با خطوط متصل می کنند. در نمودارهای خطی اصلی، خطوط مستقیم هستند، در حالی که در نمودارهای اسپلاین، خطوط درون یابی چند جمله ای صاف بین نقاط داده هستند.

نمودارهای منطقه

نمودارهای ناحیه مانند نمودارهای خطی هستند، با این تفاوت که فضای بین خط و مقدار آستانه ای در محور Y را پر می کنند. آستانه بستگی به نوع نمودار دارد. ترکیبات نوع نمودار برای درون یابی spline و محدوده ها در بالای نوع پایه پشتیبانی می شوند.

در نمودارهای محدوده منطقه، ناحیه بین مقدار پایین و بالایی با رنگ شفاف رنگ می شود. سری داده باید حداقل و حداکثر مقادیر را برای مختصات Y مشخص کند، که یا با RangeSeries، همانطور که در "RangeSeries" توضیح داده شده است، یا با DataSeries، که در "Generic Data Series" توضیح داده شده است.

گزینه های طرح

نمودارهای ناحیه از انباشته شدن پشتیبانی می کنند، به طوری که چندین سری روی هم انباشته می شوند. با setStacking() stacking را از گزینه های plot فعال می کنید. حالت انباشته شدن Stacking. NORMAL یک انباشته جمعی معمولی را انجام می دهد، در حالی که Stacking. PERCENT آنها را به عنوان نسبت ها مدیریت می کند.

برای گزینه های نمودار برای نشانگرها به نشانگرهای نقطه داده مراجعه کنید.

نمودارهای ستونی و میله ای

نمودارهای ستونی و میله ای مقادیر را به ترتیب به صورت میله های عمودی یا افقی نشان می دهند. دو نوع نمودار اساساً معادل هستند، گویی جهت محورها معکوس شده است.

سری داده‌های چندگانه، یعنی داده‌های دوبعدی، با میله‌ها یا ستون‌های نازک‌تر نشان داده می‌شوند که بر اساس دسته‌بندی خود گروه‌بندی شده‌اند، همانطور که در «نمایش سری‌های چندگانه» توضیح داده شده است. فعال کردن انباشتن با setStacking() در گزینه‌های نمودار، ستون‌ها یا نوارهای سری‌های مختلف را روی هم قرار می‌دهد.

همچنین می‌توانید نمودارهای COLUMNRANGE داشته باشید که محدوده‌ای بین یک مقدار پایین‌تر و یک مقدار بالا را نشان می‌دهند، همانطور که در نمودارهای محدوده و محدوده ستون توضیح داده شده است. آنها نیاز به استفاده از RangeSeries برای تعریف مقادیر پایین و بالایی دارند.

برای جزئیات بیشتر گزینه‌های طرح، به مستندات API مراجعه کنید.

نوارهای خطا

نوارهای خطا خطاها یا مقادیر زیاد و پایین را در داده های آماری تجسم می کنند. آنها معمولاً مقادیر بالا و پایین در داده ها یا یک انحراف معیار، یک صدک یا یک چندک را نشان می دهند. مقادیر بالا و پایین به صورت خطوط افقی یا "سبیل" نشان داده می شوند که توسط یک ساقه عمودی به هم متصل می شوند.

اگرچه میله‌های خطا از نظر فنی یک نوع نمودار هستند (ChartType. ERRORBAR)، معمولاً از آنها همراه با برخی از انواع نمودار اولیه مانند نمودار پراکنده یا ستونی استفاده می‌کنید.

برای نمایش نوارهای خطا برای نقاط داده، باید یک سری داده جداگانه برای مقادیر کم و زیاد داشته باشید. سری داده ها باید از نوع گزینه های طرح PlotOptionsErrorBar استفاده کنند.

ابتدا باید سری نوار خطا را اضافه کنید تا در نمودار کمتر نمایش داده شود.

گزینه های طرح

گزینه های نمودار برای نمودارهای نوار خطا دارای نوع PlotOptionsErrorBar هستند. برای جزئیات بیشتر گزینه‌های طرح، به مستندات API مراجعه کنید.

نمودارهای باکس پلات

نمودارهای نمودار جعبه ای توزیع متغیرهای آماری را نشان می دهند. یک نقطه داده دارای یک میانه است که با یک خط افقی، چارک‌های بالا و پایین نشان داده می‌شود که با یک جعبه نشان داده می‌شود، و یک مقدار کم و زیاد است که با سبیل‌های T شکل نشان داده می‌شود. معنای دقیق نمادهای جعبه به شما بستگی دارد.

نمودار نمودار باکس مربوط به نمودار نوار خطای توصیف شده در نوارهای خطا، به اشتراک گذاری عناصر جعبه و سبیل است.

نوع نمودار برای نمودارهای نمودار جعبه ای ChartType. BOXPLOT است. شما معمولاً فقط یک سری داده دارید، بنابراین غیرفعال کردن افسانه بسیار مهم است.

گزینه های طرح

گزینه های نمودار برای نمودارهای جعبه دارای نوع PlotOptionsBoxPlot هستند که PlotOptionsErrorBar عمومی تر را گسترش می دهد.

مدل داده

از آنجایی که نقاط داده در نمودارهای جعبه دارای پنج مقدار متفاوت به جای مقدار معمول هستند، از شما می خواهند که از یک BoxPlotItem ویژه استفاده کنید. شما می توانید مقادیر مختلف را با تنظیم کننده ها یا همه به یکباره در سازنده بدهید.

نمودارهای پراکنده

نمودارهای پراکنده مجموعه ای از نقاط داده غیر متصل را نمایش می دهند. این نام به مختصات X و Y اشاره دارد، بنابراین DataSeries یا DataProviderSeries معمولاً معنی‌دارترین انواع سری داده برای نمودارهای پراکنده هستند.

نوع نمودار یک نمودار پراکنده ChartType. SCATTER است. گزینه های آن را می توان در یک شی PlotOptionsScatter پیکربندی کرد، اگرچه هیچ گزینه ای برای نوع نمودار ندارد.

نتیجه در نمودار پراکندگی نشان داده شده است.

نمودار حباب

نمودارهای حبابی نوع خاصی از نمودار پراکنده برای نمایش نقاط داده سه بعدی با اندازه نقاط مختلف هستند. نمودارهای پراکنده همان هدف را نشان می‌دهند، اما نمودارهای حبابی به جای ویژگی شعاع، تعیین اندازه یک نقطه را با بعد سوم (Z) آن آسان‌تر می‌کنند. اندازه حباب به طور خودکار مانند سایر ابعاد مقیاس می شود. سبک نقطه پیش‌فرض نیز حبابی‌تر است.

نوع نمودار نمودار حبابی ChartType. BUBBLE است. گزینه‌های آن را می‌توان در یک شی PlotOptionsBubble پیکربندی کرد، که دارای یک ویژگی منفرد و مختص نمودار، displayNegative است، که کنترل می‌کند آیا حباب‌هایی با مقادیر منفی اصلاً نمایش داده می‌شوند یا خیر. معمولاً، می‌خواهید نشانگر حباب را پیکربندی کنید. راهنمای ابزار حباب در پیکربندی اولیه پیکربندی شده است. مقدار مختصات Z در فرمت‌کننده جاوا اسکریپت با مرجع this. point. z موجود است.

شعاع حباب به صورت خطی بین شعاع حداقل و حداکثر مقیاس بندی می شود. اگر ترجیح می‌دهید بر اساس مساحت حباب مقیاس کنید، می‌توانید با گرفتن جذر مقادیر Z آن را تقریبی کنید.

نمودار گلوله

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

نمودار گلوله یک نمودار گلوله پیکربندی شده را نشان می دهد.

نوع نمودار نمودار گلوله ای ChartType. BULLET است. گزینه های آن را می توان در یک شی PlotOptionsBullet پیکربندی کرد.

نمودارهای سازمانی

نمودارهای سازمانی برای تجسم روابط والدین/فرزند بین گره ها استفاده می شود. آنها نیاز به استفاده از NodeSeries برای اضافه کردن گره ها و پیوندهای سلسله مراتبی بین آنها دارند.

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

نمودار سازمانی یک نمودار سازمانی پیکربندی شده را نشان می دهد.

گزینه های طرح

گزینه های مختص نمودار یک نمودار سازمانی با یک PlotOptionsOrganization پیکربندی می شوند.

رنگ ها را می توان برای تمام گره های موجود در نمودار ، برای هر سطح یا به صورت جداگانه در هر گره ، همانطور که بعداً توضیح داده شد ، تعریف کرد.

مدل داده

برای تجسم گره ها و سلسله مراتب بین آنها ، باید یک گره ایجاد کنید ، تمام نمونه های گره را ایجاد کنید ، سپس آنها را به عنوان NodeseriesItem اضافه کنید.

Nodeseries یک روش Nodeseries. add (NodeFrom ، Nodeto) را فراهم می کند که گره را به لیست اضافه می کند و پیوندی بین NodeFrom و Nodeto اضافه می کند.

نمودارهای پای

نمودار پای مقادیر داده را به عنوان بخش هایی که اندازه آنها متناسب با مجموع تمام مقادیر است ، نشان می دهد. نمودار پای با ChartType. pie فعال شده است. همانطور که بعداً توضیح داده شد ، می توانید تنظیمات نوع خاص را در شیء plotoptionspie ایجاد کنید.

نمودار پای یک نمودار پای پیکربندی شده را نشان می دهد.

گزینه های طرح

گزینه های خاص نمودار یک نمودار پای با PlotoptionSpie تنظیم شده است.

یک پای با اندازه داخلی بیشتر از صفر "پیراشکی" است. اندازه داخلی را می توان به صورت پیکسل یا به عنوان درصد نسبی منطقه نمودار با یک رشته (مانند "60 ٪") بیان کرد. بخش بعدی را در مورد دونات مشاهده کنید.

اندازه پای را می توان به صورت پیکسل یا درصد نسبی منطقه نمودار با یک رشته (مانند "80 ٪") بیان کرد. اندازه پیش فرض 75 ٪ است تا فضای برچسب ها را ترک کند.

مختصات X و Y مرکز پای را می توان به عنوان تعداد پیکسل یا درصد نسبی اندازه نمودار با یک رشته بیان کرد. پیش فرض "50 ٪" ، "50 ٪" است.

مدل داده

برچسب های مربوط به بخش های پای از برچسب های نقاط داده تعیین می شود. مجموعه داده ها یا ظروف ، که اجازه می دهد تا نقاط داده برچسب گذاری شود ، باید برای نمودارهای پای استفاده شود.

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

نمودارهای پیراشکی

تنظیم داخلی گزینه های طرح نمودار پای به مقدار بزرگتر از صفر منجر به سوراخ خالی در مرکز پای می شود.

از آنجا که می توانید گزینه های نقشه را برای هر سری داده ها تنظیم کنید ، می توانید دو نمودار پای را در بالای یکدیگر قرار دهید ، با کوچکتر که در "سوراخ" شیرینی قرار دارد. به این ترتیب ، می توانید نمودارهای پای را با جزئیات بیشتر در حاشیه بیرونی بسازید ، همانطور که در مثال زیر نشان داده شده است:

سنج

یک سنج یک نمودار یک بعدی با محور y دایره ای است ، با یک نشانگر چرخان که به یک مقدار در محور اشاره دارد. در واقع یک سنج می تواند چندین محور Y برای نمایش مقیاس های مختلف داشته باشد.

یک سنج جامد مانند یک سنج معمولی است ، به جز اینکه یک قوس با رنگ جامد برای نشان دادن مقدار فعلی به جای یک اشاره گر استفاده می شود. رنگ قوس نشانگر را می توان تنظیم کرد تا با توجه به توقف رنگ تغییر کند.

سنج زیر را در نظر بگیرید:

با تنظیمات نشان داده شده در بخش های زیر ، مانند یک سنج نمایش داده می شود.

پیکربندی سنج

زاویه های شروع و پایان سنج را می توان در شیء صفحه پیکربندی نمودار پیکربندی کرد. زاویه ها را می توان با 360 تا 360 درجه ، با 0 در بالای دایره قرار داد.

پیکربندی محور

یک سنج فقط یک محور y دارد. برای این کار باید حداقل و حداکثر مقدار را ارائه دهید.

می توانید انواع تنظیمات پیکربندی دیگر را به محور بسازید. برای کلیه پارامترهای موجود ، مستندات API را مشاهده کنید.

تنظیم و به روزرسانی داده های سنج

یک سنج فقط یک مقدار واحد را نشان می دهد ، که می توانید به عنوان یک سری داده از طول 1 تعریف کنید ، به عنوان مثال به شرح زیر:

سنجها به ویژه برای نمایش مقادیر در حال تغییر معنی دار هستند. برای به روزرسانی مقدار واحد می توانید از روش UpdatePoint () در سری داده ها استفاده کنید.

سنجهای جامد

یک گیج جامد بسیار شبیه یک گیج معمولی است که قبلاً توضیح داده شد - یک نمودار یک بعدی با محور Y دایره ای. با این حال، به جای یک اشاره گر چرخان، مقدار با یک قوس چرخشی با رنگ ثابت نشان داده می شود. رنگ قوس نشانگر را می توان برای تغییر با توجه به مقدار، با استفاده از توقف رنگ، پیکربندی کرد.

سنج زیر را در نظر بگیرید:

با تنظیمات نشان داده شده در بخش های زیر، مانند A Solid Gauge نمایش داده می شود.

اگرچه گیج جامد بسیار شبیه یک گیج معمولی است، پیکربندی آن متفاوت است.

پیکربندی

گیج جامد باید در صفحه طراحی پیکربندی نمودار پیکربندی شود. قوس سنج زاویه ای را در بر می گیرد که بین 360- تا 360 درجه مشخص می شود و 0 درجه در بالای قوس است. معمولاً از یک نیمه کمان استفاده می شود که در آن از 90- و 90 برای زوایا استفاده می کنید و مرکز را پایین تر از چیزی که با دایره کامل دارید حرکت می دهید. شما همچنین می توانید اندازه صفحه سنج را تنظیم کنید. بزرگ کردن آن اجازه می دهد تا موقعیت بهتری از برچسب های کنه.

شکل نمایشگر گیج به عنوان پس زمینه پنجره تعریف می شود. به عنوان حداقل، شما باید شکل را به صورت "arc`" یا "[literal] solid" تنظیم کنید. همچنین معمولاً می خواهید رنگ پس زمینه و شعاع داخلی و خارجی را تنظیم کنید.

پیکربندی محور

یک گیج فقط یک محور Y دارد. شما باید محدوده مقدار (min و max) را تعریف کنید.

فراخوانی yaxis. getLabels(). setRotationPerpendicular() باعث می شود برچسب های گیج عمود بر مرکز بچرخند.

می توانید انواع تنظیمات پیکربندی دیگر را روی محور انجام دهید. برای همه پارامترهای موجود به مستندات API مراجعه کنید.

گزینه های طرح

گیج های جامد در حال حاضر هیچ گزینه نموداری خاص برای نمودار ندارند. برای گزینه های رایج به "گزینه های طرح" مراجعه کنید.

تنظیم و به روزرسانی داده های سنج

یک گیج تنها یک مقدار را نمایش می دهد که می توانید آن را به عنوان یک سری داده به طول 1 تعریف کنید، مانند مثال زیر:

سنجها به ویژه برای نمایش مقادیر در حال تغییر معنی دار هستند. برای به روزرسانی مقدار واحد می توانید از روش UpdatePoint () در سری داده ها استفاده کنید.

نمودارهای مساحت و محدوده ستون

نمودارهای محدوده ای به جای یک نقطه داده واحد، یک ناحیه یا ستون را بین یک مقدار حداقل و حداکثر نمایش می دهند. آنها نیاز به استفاده از RangeSeries دارند، همانطور که در "Range Series" توضیح داده شده است. یک محدوده منطقه با نوع نمودار AREARANGE و یک محدوده ستون با نوع نمودار COLUMNRANGE ایجاد می شود.

به مثال زیر توجه کنید:

نمودار به دست آمده، و همان نمودار با محدوده ستون، در نمودار مساحت و محدوده ستون نشان داده شده است.

نمودارهای قطبی، رز بادی و تار عنکبوتی

اکثر انواع نمودارها که دارای دو محور هستند را می توان در مختصات قطبی نشان داد، که در آن محور X روی یک دایره و محور Y از مرکز دایره به لبه آن منحنی است. نمودار قطبی به خودی خود یک نوع نمودار نیست، اما می تواند برای اکثر انواع نمودار با setPolar (true) در پارامترهای مدل نمودار فعال شود. همه ویژگی‌های خاص نوع نمودار با نمودارهای قطبی قابل استفاده هستند.

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

شما باید بخش پروژکشن قطبی را با یک شی Pane در پیکربندی تعریف کنید. بخش به عنوان درجه از جهت شمال تعریف می شود. همچنین باید محدوده مقدار را برای محور X با setMin() و setMax() تعریف کنید.

نمودارهای قطبی و تار عنکبوتی در نمودارهای Wind Rose و Spiderweb نشان داده شده اند.

نمودارهای تار عنکبوتی

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

توجه داشته باشید تنظیمات سبک ساخته شده در محور در مثال زیر:

نمودارهای قیف و هرمی

نمودارهای قیف و هرمی به طور معمول برای تجسم مراحل در یک فرآیند فروش و برای اهداف دیگر برای تجسم زیر مجموعه های اندازه کاهش استفاده می شود. یک نمودار قیف یا هرمی دارای لایه هایی مانند یک ستون انباشته است: در قیف ، از بالا به پایین و در هرم ، از پایین به بالا. قسمت بالای قیف دارای عرض ناحیه نقاشی نمودار است و از نظر اندازه به یک قیف "گردن" کاهش می یابد که به عنوان ستون به پایین ادامه می یابد. هرم از پایین به بالا کم می شود و گردن ندارد.

قیف ها دارای قیف نوع نمودار هستند ، هرم دارای هرم هستند.

برچسب های بلوک های قیف به طور پیش فرض در سمت راست بلوک ها ، همراه با یک کانکتور قرار می گیرند. مثال زیر را ببینید.

گزینه های طرح

گزینه های قیف و هرمی به ترتیب با plotoptionsfunnel و plotoptionsfunnel پیکربندی شده اند.

در بالای گزینه های نمودار مشترک ، انواع نمودارها از گزینه های مشترک زیر پشتیبانی می کنند: عرض ، ارتفاع ، عمق ، AllowpointSelect ، مرزی ، مرز ، مرکز ، برش و قابل مشاهده. برای توضیحات دقیق به "گزینه های طرح" مراجعه کنید.

آنها خصوصیات خاص از نوع نمودار زیر را دارند:

ارتفاع قسمت گردن قیف ، یا به عنوان پیکسل یا به عنوان درصدی از کل ارتفاع قیف.

Neckwidth`or [پارامتر] `NeckwidThperCentage (فقط قیف)

عرض قسمت گردن قیف ، یا به عنوان پیکسل یا به عنوان درصد بالای قیف.

این که آیا نمودار از جهت عادی معکوس شده است ، از بالا به پایین کاهش می یابد. پیش فرض برای قیف و برای هرم درست است.

نمودارهای آبشار

از نمودارهای آبشار برای تجسم تغییرات سطح از سطح اولیه به سطح نهایی از طریق تغییرات در سطح استفاده می شود. این تغییرات به عنوان مقادیر دلتا داده می شود ، و شما می توانید تعداد زیادی متوسط داشته باشید که به طور خودکار محاسبه می شوند.

نمودارهای آبشار دارای آبشار نوع نمودار هستند.

نمودارهای آبشار را می توان با استفاده از کلاسهای زیر توسط CSS طراحی کرد: . Highcharts-Waterfall Sies ، . Highcharts-Point ، . Highcharts منفی ، . Highcharts-sum ،.

مثال در زیر بخش های زیر ادامه دارد.

گزینه های طرح

نمودارهای آبشار دارای گزینه های طرح نوع Plotoptionswaterfall هستند ، که گزینه های کلی تر تعریف شده در PlotoptionScolumn را گسترش می دهد. این ویژگی از ویژگی های خاص نوع نمودار زیر است:

رنگ برای مقادیر مثبت.

رنگ پیش فرض برای همه نقاط. اگر Upcolor تعریف شود ، از رنگ فقط برای مقادیر منفی استفاده می شود.

موارد زیر رنگ ها و همچنین سبک و قرارگیری برچسب ها را برای ستون ها تعریف می کند:

مجموعه داده ها

سری داده ها برای نمودارهای آبشار شامل تغییرات (Deltas) است که از یک مقدار اولیه و یک یا چند مبلغ تجمعی شروع می شود. حداقل باید مبلغ نهایی و مبالغ متوسط به صورت اختیاری وجود داشته باشد. مبالغ به عنوان موارد داده آبشار نشان داده می شود و برای آنها مقداری لازم نیست ، زیرا آنها به طور خودکار محاسبه می شوند. برای مبالغ میانی ، باید خاصیت واسطه را بر روی True تنظیم کنید.

نمودارهای جدول زمانی

نمودارهای جدول زمانی برای تجسم رویدادها در یک محور زمانی استفاده می شود. آنها نیاز به استفاده از DataSeriesItemTimeline برای تنظیم یک مقدار X، همراه با نام، برچسب و توضیحات برای رویداد دارند.

نمودار جدول زمانی آماده در نمودار جدول زمانی نشان داده شده است.

نوع نمودار نمودار جدول زمانی ChartType. TIMELINE است. گزینه های آن را می توان در یک شی PlotOptionsTimeline پیکربندی کرد.

نمودارهای X-Range

نمودارهای X-Range برای تجسم یک محدوده در محور X استفاده می شوند. آنها نیاز به استفاده از DataSeriesItemXrange برای تنظیم یک مقدار X اولیه و یک مقدار X2 نهایی دارند. علاوه بر این، partialFillAmount را می توان برای نشان دادن درصد امتیازی که باید پر شود تنظیم کرد.

یک نمودار X-Range آماده در نمودار X-Range نشان داده شده است.

نوع نمودار یک نمودار X-Range ChartType. XRANGE است. گزینه های آن را می توان در یک شی PlotOptionsXrange پیکربندی کرد.

نقشه های حرارتی

نقشه حرارتی یک شبکه دو بعدی است که در آن رنگ سلول شبکه یک مقدار را منعکس می کند.

نقشه های حرارتی دارای نوع نمودار HEATMAP هستند.

سری داده های نقشه حرارتی

نقشه های حرارتی به داده های جدولی دو بعدی نیاز دارند. ساده ترین راه استفاده از HeatSeries است، همانطور که در مثال قبلی انجام شد. می توانید نقاط داده را با متد addHeatPoint() اضافه کنید، یا همه داده ها را یکجا در یک آرایه با setData() یا در سازنده بدهید.

اگر نیاز به استفاده از نوع سری داده دیگری برای نقشه حرارتی دارید، معنای نقاط داده نقشه حرارتی در حال حاضر توسط انواع سری های همه منظوره مانند DataSeries پشتیبانی نمی شود. می‌توانید با تعیین X (ستون)، Y (ردیف) و HeatScore با استفاده از ویژگی‌های X، low و high مربوط به سری داده‌های همه منظوره، این محدودیت معنایی را برطرف کنید.

در حالی که برخی دیگر از انواع سری داده ها امکان به روز رسانی مقادیر را یک به یک می دهند، به روز رسانی تمام مقادیر در یک نقشه حرارتی بسیار ناکارآمد است. جایگزین کردن سری داده و سپس فراخوانی chart. drawChart() سریعتر است.

نقشه های درختی

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

نقشه های درختی دارای نوع نمودار TREEMAP هستند.

برای ایجاد نمودار Tree Map، باید کلاسی ایجاد کنید که TreeSeriesItem را گسترش دهد و یک ویژگی colorIndex اضافه کند:

سپس باید یک شاخص رنگ برای هر یک از آیتم های سری سطح بالا مشخص کنید:

گزینه های طرح

نمودارهای نقشه درختی دارای گزینه‌های طرح از نوع PlotOptionsTreeMap هستند که گزینه‌های عمومی‌تر تعریف شده در AbstractCommonOptionsColumn را گسترش می‌دهد. دارای ویژگی های خاص نوع نمودار زیر است:

وقتی فعال باشد، کاربر می تواند روی نقطه ای که والد است کلیک کرده و روی فرزندانش زوم کند. پیش فرض به نادرست.

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

این گزینه مشخص می کند که از کدام الگوریتم برای تعیین موقعیت و ابعاد نقاط استفاده می شود. الگوریتم‌های موجود در فهرست TreeMapLayoutAlgorithm تعریف شده‌اند: SLICEANDDICE، STRIPES، SQUARIFIED و STRIP. مقدار پیش فرض SLICEANDDICE است.

مشخص می کند که الگوریتم چیدمان از کدام جهت شروع به ترسیم می کند. مقادیر ممکن در فهرست TreeMapLayoutStartingDirection تعریف شده است: HORIZONTAL و VERTICAL. مقدار پیش فرض VERTICAL است.

همراه با گزینه های setLevels() و setAllowDrillToNode() استفاده می شود. هنگامی که روی false تنظیم می شود، اولین سطح قابل مشاهده هنگام حفاری سطح یک در نظر گرفته می شود. در غیر این صورت، سطح همان ساختار درخت است. مقدار پیش فرض درست است .

گزینه ها را در سطوح خاص تنظیم کنید. بر گزینه های سری اولویت دارد، اما نه گزینه های نقطه ای.

سری داده های نقشه درخت

نقشه های درخت به داده های سلسله مراتبی نیاز دارند. ساده ترین راه استفاده از درختان و Teeseriesitem است ، همانطور که در مثال قبلی انجام شده است. می توانید نقاط داده را با روش ADD () اضافه کنید ، یا تمام داده ها را به طور همزمان در یک مجموعه با SetData () یا در سازنده ارائه دهید.

سلسله مراتب مورد با روش setParent () در نمونه TreeseriesItem یا در سازنده تعریف شده است. آرگومان والدین می تواند یک شناسه رشته یا یک Treeseriesitem با شناسه غیر تهی باشد. اگر هیچ TeeseriesItem با شناسه تطبیق پیدا نشود یا مقدار تهی باشد ، والدین به عنوان یک مورد ریشه ارائه می شوند.

چند ضلعی

از چند ضلعی می توان برای ترسیم هر شکل پر از شکل پر یا سکته مغزی در صفحه دکارتی استفاده کرد.

چند ضلعی از نقاط داده متصل تشکیل شده است. مجموعه داده ها یا ظروف معمولاً معنی دار ترین انواع سری داده ها برای نمودارهای چند ضلعی است. در هر دو مورد ، خواص X و Y باید تنظیم شود.