۳ سال پیش

» چگونه نمودار را حذف و بازیابی کنیم؟

برای هر نمودار ، مجموعه ای از روش های نمونه اولیه جهانی در نوع نمودار مشترک وجود دارد که ممکن است مفید باشد. اینها در تمام نمودارهای ایجاد شده با Chart. js موجود است ، اما برای مثال ، بیایید از نمودار خطی که ساخته ایم استفاده کنیم.

# . از بین رفتن()

از این استفاده کنید تا نمونه های نمودار ایجاد شده را از بین ببرید. با این کار ، هرگونه منابع ذخیره شده به شیء نمودار موجود در Chart. js ، به همراه هر شنونده رویداد مرتبط با Chart. js را تمیز می کند. این باید قبل از استفاده مجدد از بوم برای نمودار جدید فراخوانی شود.

# . update (حالت؟)

به روزرسانی نمودار را ایجاد می کند. این را می توان با خیال راحت پس از به روزرسانی شیء داده نامید. این همه مقیاس ها ، افسانه ها را به روز می کند و سپس نمودار را دوباره ارائه می دهد.

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

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

# . reset ()

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

# . ارائه دادن()

بازگرداندن همه عناصر نمودار. توجه داشته باشید ، این عناصر برای داده های جدید را به روز نمی کند. در این حالت از . update () استفاده کنید.

برای متوقف کردن هر انیمیشن فعلی از این استفاده کنید. این نمودار را در هر قاب انیمیشن فعلی مکث می کند. برای مجدداً با . render () تماس بگیرید.

# . Resize (عرض؟ ، ارتفاع؟)

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

شما می توانید با . resize () تماس بگیرید و هیچ پارامتری برای داشتن نمودار اندازه عنصر کانتینر آن را در نظر بگیرید ، یا می توانید ابعاد صریح را منتقل کنید (به عنوان مثال ، برای چاپ).

# . Clear ()

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

# . tobase64image (نوع؟ ، کیفیت؟)

این یک رشته رمزگذاری شده پایه 64 از نمودار را در وضعیت فعلی خود برمی گرداند.

# . getElementSateVentformode (E ، حالت ، گزینه ها ، استفاده

فراخوانی GetElementSateVentformode (E ، Mode ، گزینه ها ، استفاده از برنامه) در نمونه نمودار شما با عبور از یک رویداد و یک حالت عناصر موجود را برمی گرداند. گزینه ها و آرگومان های استفاده از استفاده به دستگیرندگان منتقل می شوند.

برای به دست آوردن موردی که روی آن کلیک شده است ، می توان از getElementSateVentformode استفاده کرد.

# . getSortedVisibledataSetmetas ()

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

# . getDatasetMeta(index)

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

ویژگی داده ابرداده حاوی اطلاعاتی در مورد هر نقطه، میله و غیره بسته به نوع نمودار خواهد بود.

نمونه های گسترده ای از استفاده در تست های Chart. js موجود است

# getVisibleDatasetCount

مقدار مجموعه داده هایی را که در حال حاضر پنهان نشده اند برمی گرداند.

# setDatasetVisibility(DatasetIndex, Visibility)

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

# toggleDataVisibility(شاخص)

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

# getDataVisibility (شاخص)

وضعیت دید ذخیره شده یک شاخص داده را برای همه مجموعه داده ها برمی گرداند. تنظیم با toggleDataVisibility. یک کنترل کننده مجموعه داده باید از این روش برای تعیین اینکه آیا یک آیتم قابل مشاهده نیست استفاده کند.

# پنهان (datasetIndex، dataIndex؟)

اگر dataIndex مشخص نشده باشد، نمایان بودن مجموعه داده داده شده را روی false تنظیم می کند. نمودار را به روز می کند و مجموعه داده را با حالت "پنهان کردن" متحرک می کند. این انیمیشن را می توان تحت کلید پنهان در گزینه های انیمیشن پیکربندی کرد. لطفاً برای جزئیات بیشتر به اسناد انیمیشن مراجعه کنید.

اگر dataIndex مشخص شده باشد، پرچم پنهان آن عنصر را روی true قرار می دهد و نمودار را به روز می کند.

# نمایش (DatasetIndex، dataIndex؟)

اگر dataIndex مشخص نشده باشد، نمایان بودن مجموعه داده داده شده را روی true تنظیم می کند. نمودار را به روز می کند و مجموعه داده را با حالت "نمایش" متحرک می کند. این انیمیشن را می توان تحت کلید نمایش در گزینه های انیمیشن پیکربندی کرد. لطفاً برای جزئیات بیشتر به اسناد انیمیشن مراجعه کنید.

اگر dataIndex مشخص شده باشد، پرچم پنهان آن عنصر را روی false قرار می دهد و نمودار را به روز می کند.

# setActiveElements(activeElements)

عناصر فعال (مواور شده) را برای نمودار تنظیم می کند. فایل نمونه «رویدادهای برنامه‌ای» را ببینید تا این مورد را در عمل ببینید.

# isPluginEnabled(PluginId)

اگر افزونه ای با شناسه داده شده در نمونه نمودار ثبت شده باشد، یک Boolean برمی گرداند.

# استاتیک: getChart (کلید)

نمونه نمودار را از کلید داده شده پیدا می کند. اگر کلید یک رشته باشد، به عنوان شناسه گره Canvas برای نمودار تفسیر می شود. کلید همچنین می تواند CanvasRenderingContext2D یا HTMLDOMElement باشد. اگر نموداری پیدا نشد، این حالت تعریف نشده برمی گردد. برای پیدا شدن، نمودار باید قبلا ایجاد شده باشد.