شبکه داده JavaScript: نوار ابزار نمودار

  • 2022-04-13

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

Chart Toolbar

  • نوع نمودار را تغییر دهید
  • تغییر موضوع
  • تغییر از ستون ها به عنوان دسته و سری استفاده می شود
  • جنبه های مختلف نمودار را قالب بندی کنید
  • نمودار را از شبکه جدا کنید
  • نمودار را بارگیری کنید

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

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

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

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

پنل داده نمودار برای تغییر پویا داده های نمودار شده مطابق شکل زیر استفاده می شود:

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

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

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

پانل فرمت نمودار به کاربران امکان می دهد ظاهر نمودار را مطابق شکل زیر تغییر دهند:

گزینه های نمودار مربوط به نوع نمودار انتخاب شده در حال حاضر در پانل قالب ظاهر می شوند. این امر به کاربران کنترل کامل در ظاهر نمودار می دهد.

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

با استفاده از نوار ابزار "Unlink Chart" همانطور که در زیر نشان داده شده است ، یک نمودار را نشان می دهد:

توجه داشته باشید که محدوده نمودار از شبکه ناپدید می شود که نمودار بدون اتصال است و تغییرات بعدی در مرتب سازی شبکه بر نمودار تأثیر نمی گذارد.

مورد نوار ابزار "دانلود نمودار" نمودار را به عنوان یک فایل PNG دانلود می کند. توجه داشته باشید که نمودار با استفاده از Canvas در مرورگر ترسیم می شود و به همین ترتیب کاربر می تواند روی نمودار کلیک راست کرده و مانند هر تصویر دیگری در یک صفحه وب ذخیره کند.

به‌طور پیش‌فرض، می‌توان به تمام آیتم‌های نوار ابزار موجود و پانل‌های منو دسترسی داشت. با این حال، آیتم ها را می توان از طریق تابع callback gridOptions. getChartToolbarItems(params) حذف کرد و دوباره ترتیب داد.

getChartToolbarItems

این تابع شی GetChartToolbarItemsParams را دریافت می کند که حاوی لیستی از عناصری است که به طور پیش فرض در defaultItems گنجانده شده اند، همراه با API های شبکه.

فهرستی که توسط gridOptions. getChartToolbarItems(params) برگشت داده می‌شود را می‌توان برای مرتب کردن مجدد و حذف موارد از نوار ابزار تغییر داد. به عنوان مثال، بازگرداندن یک آرایه خالی همه موارد نوار ابزار را پنهان می کند.

مثال زیر نشان می دهد که چگونه می توان نوار ابزار را سفارشی کرد. به موارد زیر توجه کنید:

  • نمودار دانلود - به عنوان اولین مورد نوار ابزار قرار گرفته است.
  • نمودار داده پانل - برای اولین بار در منوی زبانه ظاهر می شود.
  • پانل قالب نمودار - از منوی برگه حذف شده است.
  • لغو پیوند مورد نوار ابزار - از نوار ابزار حذف شده است.

سفارشی سازی پنل ابزار نمودار

پانل ابزار نمودار را می توان در گزینه گرید chartToolPanelsDef سفارشی کرد.

chartToolPanelsDef

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

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

پانل های ابزار نمودار را می توان با استفاده از گزینه گرید chartToolPanelsDef. panels سازماندهی مجدد کرد و زمانی که نمودار با استفاده از گزینه گرید chartToolPanelsDef. defaultToolPanel بارگذاری می شود، پانل ابزار باز می شود.

توجه داشته باشید که وقتی از گزینه گرید chartToolPanels استفاده می شود، پانل های برگشتی از gridOptions. getChartToolbarItems(params) نادیده گرفته می شوند. اگر chartToolPanelsDef بدون chartToolPanelsDef. panels تعریف شده باشد، همه پانل ها بدون توجه به نتایج gridOptions. getChartToolbarItems(params) نشان داده می شوند.

مثال زیر پانل ها را نشان می دهد که سازماندهی مجدد می شوند و پانل ابزار قالب به طور پیش فرض باز است:

سفارشی کردن گروه های نمودار پانل تنظیمات

لیست گروه های نمودار نشان داده شده در پانل تنظیمات را می توان با استفاده از گزینه گرید chartToolPanelsDef. settingsPanel. chartGroupsDef سفارشی کرد. لیست کامل گروه های نمودار به شرح زیر است:

مثال زیر ترتیب مجدد گروه های نمودار را نشان می دهد که برخی از گروه ها و انواع نمودار حذف شده اند:

  • گروه پای ابتدا ظاهر می شود
  • گروه ستون‌ها با مرتب‌سازی مجدد انواع نمودار، در مرتبه دوم ظاهر می‌شوند
  • بار آخرین بار با یک نوع نمودار نوار ظاهر می شود

سفارشی سازی گروه های پانل فرمت

گروه های نشان داده شده در پانل فرمت را می توان با استفاده از گزینه Gruptoolpanelsdef. formatpanel. groups. لیست مشخص شده همچنین نشانگر ترتیب گروه ها نشان داده شده است و آیا آنها به طور پیش فرض باز هستند. اگر Charttoolpanelsdef. formatpanel. Groups مشخص نشده باشد ، همه گروه ها نشان داده شده و به طور پیش فرض بسته می شوند.

انواع مختلف نمودارها گروههای مختلف پانل با فرمت مختلف را نشان می دهند و در صورت لزوم گروههای مشخص شده در گزینه شبکه را نادیده می گیرند. به عنوان مثال ، یک نمودار پای دارای محور یا ناوبری نیست ، بنابراین اگر نمودار پای انتخاب شود ، گروه های پانل Axis و Navigator Format حتی اگر در Charttoolpanelsdef. formatpanel. groups ذکر شده باشند نشان داده نمی شوند.< Pan> بار آخرین بار با یک نوع نمودار نوار ظاهر می شود

ثبت دیدگاه

مجموع دیدگاهها : 0در انتظار بررسی : 0انتشار یافته : ۰
قوانین ارسال دیدگاه
  • دیدگاه های ارسال شده توسط شما، پس از تایید توسط تیم مدیریت در وب منتشر خواهد شد.
  • پیام هایی که حاوی تهمت یا افترا باشد منتشر نخواهد شد.
  • پیام هایی که به غیر از زبان فارسی یا غیر مرتبط باشد منتشر نخواهد شد.