نمودار
نمودار میله‌ای عمودی

اجزای "Vertical Bar Chart" به شما امکان می‌دهد تا داده‌ها را به صورت یک نمودار میله‌ای عمودی نمایش دهید. نمودارهای میله‌ای عمودی برای نمایش و مقایسه داده‌های عددی در دسته‌بندی‌ها یا گروه‌ها موثر هستند. این بخش نشان می‌دهد که چگونه با استفاده از یک کتابخانه محبوب نمودار مانند Chart.js، نمودارهای میله‌ای عمودی را ایجاد و سفارشی کنید.

کد / پیش‌نمایش نمونه
            
                HTMLOpenTagdiv class="w-auto h-[400px]"HTMLCloseTag
    HTMLOpenTagcanvas
    class="chart vertical-bar-chart vertical-bar-chart"
HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

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

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

این مؤلفه "نمودار میله‌ای افقی" به شما امکان می‌دهد تا اطلاعات را به شکل گرافیکی در قالب نمودار میله‌ای افقی نمایش دهید. نمودارهای میله‌ای افقی برای نمایش و مقایسه داده‌های عددی بین دسته‌ها یا گروه‌ها موثر هستند. این بخش نحوه ایجاد و سفارشی‌سازی نمودارهای میله‌ای افقی با استفاده از یک کتابخانه نمودار محبوب مانند Chart.js را نشان می‌دهد.

کد / پیش‌نمایش نمونه
            
                HTMLOpenTagdiv class="w-auto h-[400px]"HTMLCloseTag
    HTMLOpenTagcanvas
    class="chart horizontal-bar-chart horizontal-bar-chart"
HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

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

نمودار دونات

مؤلفه "نمودار دونات" یک نوع نمودار دایره‌ای است که برای نمایش داده‌ها به صورتی جذاب از آن استفاده می‌شود. نمودارهای دونات نوعی از نمودارهای دایره‌ای هستند که دارای یک حفره در وسط هستند، که آن‌ها را برای نمایش توزیع و مقایسه داده‌ها مفید می‌کند. این بخش نشان می‌دهد چگونه با استفاده از یک کتابخانه نمودار محبوب مانند Chart.js، نمودارهای دونات را ایجاد و سفارشی‌سازی کنید.

کد / پیش‌نمایش نمونه
            
                HTMLOpenTagdiv class="w-auto h-[400px]"HTMLCloseTag
    HTMLOpenTagcanvas
    class="chart donut-chart donut-chart"
HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

مؤلفه "نمودار دونات" یک نوع نمودار دایره‌ای است که برای نمایش داده‌ها به صورتی جذاب از آن استفاده می‌شود. نمودارهای دونات نوعی از نمودارهای دایره‌ای هستند که دارای یک حفره در وسط هستند، که آن‌ها را برای نمایش توزیع و مقایسه داده‌ها مفید می‌کند. این بخش نشان می‌دهد چگونه با استفاده از یک کتابخانه نمودار محبوب مانند Chart.js، نمودارهای دونات را ایجاد و سفارشی‌سازی کنید.

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

مؤلفه "نمودار میله‌ای توده‌ای" یک ابزار قدرتمند تصویرسازی داده است که به شما امکان می‌دهد تا داده‌ها را به صورت یک نمودار میله‌ای توده‌ای نمایش دهید. نمودارهای میله‌ای توده‌ای برای تصویرسازی داده‌ها با چندین دسته بندی و مقایسه ترکیب هر دسته بندی را در طول گروه‌ها یا دوره‌های زمانی مختلف موثر هستند. این بخش نشان می‌دهد که چگونه با استفاده از یک کتابخانه نمودار معروف مانند Chart.js، نمودارهای میله‌ای توده‌ای را ایجاد و سفارشی‌سازی کنید.

کد / پیش‌نمایش نمونه
            
                HTMLOpenTagdiv class="w-auto h-[400px]"HTMLCloseTag
    HTMLOpenTagcanvas
    class="chart stacked-bar-chart stacked-bar-chart"
HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

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

نمودار خطی

مؤلفه "نمودار خطی" یک ابزار ارزشمند برای تصویرسازی داده است که به شما امکان می‌دهد نقاط داده را به عنوان یک سری از نشانگرهای داده متصل به یکدیگر نمایش دهید و خطی شکل دهید. نمودارهای خطی برای نمایش روندها در طول زمان، مقایسه‌ها و تصویرسازی داده‌های دارای متغیرهای پیوسته موثر هستند. این بخش نشان می‌دهد که چگونه با استفاده از یک کتابخانه نمودار محبوب مانند Chart.js، نمودارهای خطی را ایجاد و سفارشی‌سازی کنید.

کد / پیش‌نمایش نمونه
            
                HTMLOpenTagdiv class="w-auto h-[400px]"HTMLCloseTag
    HTMLOpenTagcanvas
    class="chart line-chart line-chart"
HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

برای تطابق با داده‌ها و نیازهای طراحی خاص خود می‌توانید به طور موثر نمودارهای خطی را به برنامه وب خود برای تصویرسازی داده‌ها گنجانید. با رعایت نیازهای طراحی، می‌توانید به طور موثر نمودارهای خطی را به برنامه وب خود برای تصویرسازی داده گنجانید.

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

مؤلفه "نمودار پای" یک ابزار محبوب تصویرسازی داده است که برای نمایش داده‌ها به عنوان یک نمودار دایره‌ای استفاده می‌شود. هر نقطه داده به عنوان یک برش از پای نمایش داده می‌شود، با اندازه هر برش به نسبت داده‌ای که نمایان می‌کند. نمودارهای پای برای نمایش داده‌ها با چندین دسته‌بندی و نمایش نسبت‌های نسبی هر دسته‌بندی در کل موثر هستند. این بخش نشان می‌دهد که چگونه با استفاده از یک کتابخانه نمودار محبوب مانند Chart.js، نمودارهای پای را ایجاد و سفارشی‌سازی کنید.

کد / پیش‌نمایش نمونه
            
                HTMLOpenTagdiv class="w-auto h-[400px]"HTMLCloseTag
    HTMLOpenTagcanvas
    class="chart pie-chart pie-chart"
HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

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

رابط اجزاء

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

در زیر لیستی از ویژگی‌هایی که می‌توان به اجزاء منتقل کرد، آمده است:

نمودار
پراپ نوع شرح
`type` `string` نوع نمودار (مانند "line"، "bar"، "pie")، پیش‌فرض آن "line" است.
`data` `ChartConfiguration['data']` پیکربندی داده‌ها برای نمودار.
`options` `ChartConfiguration['options']` پیکربندی گزینه‌ها برای نمودار.
`width` `number`, `auto` عرض کانوس نمودار به پیکسل یا "auto" برای استفاده از عرض مخزن والد. پیش‌فرض آن "auto" است.
`height` `number`, `auto` ارتفاع کانوس نمودار به پیکسل یا "auto" برای استفاده از ارتفاع مخزن والد. پیش‌فرض آن "auto" است.
`getRef` `(el: ChartElement | null) => void` یک تابع که یک مرجع به نمودار عنصر کانوس.