نمودار خطی یا Line Chart

Column: ایجاد نمودار ستونی Line: ایجاد نمودار خطی Pie: ایجاد نمودار دایره‌ای bar: نمودار میله‌ای Area: نمودار منطقه‌ای X Y: نمودار نقطه‌ای و…

ایجاد و قالب یک خط نمودار در اکسل در 5 مرحله

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

ساخت نمودار خط - نسخه کوتاه

مراحل اضافه کردن نمودار خط پایه یا نمودار خط به یک صفحه اکسل عبارتند از:

1. اطلاعاتی را که در نمودار وارد می شوند، برجسته کنید - شامل ردیف ها و ستون ها می شود، اما عنوان برای جدول داده ها نیست.
2. روی برگه Insertروبان کلیک کنید.
3. در قسمت Charts of ribbon، روی نماد Insert Line Chart کلیک کنید تا فهرست کشویی موجود در لیست نمودار / نمودار موجود باز شود.
4. اشاره گر ماوس را روی یک نوع نمودار قرار دهید تا یک توصیف نمودار / نمودار را بخوانید.
5. بر روی گراف مورد نظر کلیک کنید.

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

تفاوت نسخه

مراحل در این آموزش از گزینه های قالب بندی و طرح بندی موجود در اکسل 2013 استفاده می کنند. این ها با مواردی که در نسخه های اولیه برنامه یافت می شوند متفاوت هستند. برای نسخه های دیگر Excel از لینک های زیر استفاده نمودار خطی یا Line Chart کنید.

• اکسل 2010 و 2007 خط گراف آموزشی
• Excel 2003 (و نسخه های قبلی) Line Graph Tutorial

یک یادداشت در رنگ های تم اکسل

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

ساخت نمودار خط - نسخه بلند

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

وارد کردن اطلاعات دیگر همیشه اولین گام در ایجاد یک نمودار است - مهم نیست که چه نوع نمودار یا نمودار ایجاد می شود.

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

1. داده های نشان داده شده در تصویر بالا را به سلول های برگه کار برگردان وارد کنید .
2. پس از وارد شدن، محدوده سلول ها را از A2 تا C6 برجسته کنید.

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

ایجاد نمودار خط پایه

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

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

1. روی برگه Insert روبان کلیک کنید.
2. در بخش نمودارها در منوی نوار، روی نماد Insert Line Diagram کلیک کنید تا فهرست کشویی موجود در لیست نمودار / نمودار موجود باز شود.
3. اشاره گر ماوس را روی یک نوع گراف قرار دهید تا یک توصیف گراف را بخوانید.
4. بر روی اولین نوع 2 بعدی خط گراف در لیست کلیک کنید تا آن را انتخاب کنید.
5. یک گراف خط پایه ایجاد شده است و روی صفحه کار خود قرار می گیرد همانطور که در تصویر در اسلاید بعدی در زیر نشان داده شده است.

فرمت نمودار خط پایه: اضافه کردن عنوان نمودار

با کلیک کردن بر روی آن دوبار دکمه عنوان پیشفرض را ویرایش کنید، اما دوبار کلیک کنید

1. یک بار در عنوان پیش فرض نمودار کلیک کنید تا آن را انتخاب کنید - یک جعبه باید در اطراف عنوان Chart Title ظاهر شود.
2. یک بار دیگر برای قرار دادن اکسل در حالت ویرایش کلیک کنید ، که مکان نما را داخل کادر عنوان قرار می دهد.
3. متن پیش فرض را با استفاده از کلید های Delete / Backspace روی صفحه کلید پاک کنید.
4. عنوان نمودار - متوسط ​​بارش (میلی متر) را وارد کنید به جعبه عنوان را وارد کنید

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

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

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

در طول این آموزش، اگر نتایج شما به موارد ذکر شده نزدیك باشد، احتمالا شما هنگام انتخاب پارامتر formatting، قسمت راست نمودار انتخابی ندارید.

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

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

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

تغییر رنگ های گراف با استفاده از زبانه ابزارهای نمودار

هنگامی که نمودار / نمودار در اکسل ایجاد می شود یا هر زمانی که یک کلیک موجود بر روی آن انتخاب می شود، دو برگه اضافی به نوار نشان داده می شود که در تصویر بالا نشان داده شده است.

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

تغییر رنگ پس زمینه گراف

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

1. بر روی پس زمینه کلیک کنید تا کل گراف را انتخاب کنید.
2. روی برگه Format روی نوار کلیک کنید.
3. روی گزینه Shape Fill کلیک کنید ، در تصویر بالا مشخص شده، برای باز کردن پنل Fill Colours باز شود.
4. سیاه را انتخاب کنید ، متن 1، فلیتر 35٪ از بخش رنگ تم در لیست.
5. برای بار دوم برای باز کردن منوی کشویی Colors روی گزینه Shape Fill کلیک کنید.
6. اشاره گر ماوس را روی گزینه Gradient در قسمت پایین لیست قرار دهید تا پانل Gradient را باز کنید.
7. در قسمت Dark Variances پانل، بر روی گزینه Linear left کلیک کنید تا شیب ایجاد شود که از سمت چپ به راست در سراسر نمودار تیره تر می شود.

تغییر رنگ متن

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

1. بر روی پس زمینه کلیک کنید تا کل گراف را انتخاب کنید.
2. در نمودار خطی یا Line Chart صورت لزوم روی برگه Format روبان کلیک کنید.
3. روی گزینه Text Fill کلیک کنید تا لیست کشویی Text Colors باز شود.
4. سفید، پس زمینه 1 را از قسمت Colors Theme از لیست انتخاب کنید.
5. تمام متن در عنوان، اعداد x و y و افسانه باید به سفید تغییر کند.

تغییر رنگ خط: فرمت کردن در کادر Task

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

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

تغییر رنگ خط برای آکاپولکو

1. در نمودار، یک بار در خط نارنجی برای Acapulco کلیک کنید تا آن را انتخاب کنید - نکات کوچک باید در طول خط نمایش داده شوند.
2. در صورت لزوم، روی زبانه Format روبان کلیک کنید.
3. در قسمت سمت چپ نوار، بر روی گزینه انتخاب فرمت کلیک کنید تا کادر Formatting Task باز شود .
4. از آنجا که خط برای Acapulco قبلا انتخاب شده بود، عنوان در این قسمت باید سری Format Data را بخواند .
5. در پنجره، روی آیکون Fill (paint can) کلیک کنید تا لیست گزینه های Line باز شود.
6. در لیست گزینه ها، روی نماد Fill در کنار رنگ برچسب کلیک کنید تا لیست کشویی Line Colors باز شود.
7. Green را انتخاب کنید ، Accent 6، Lightighter 40٪ از قسمت Colors Theme از لیست - خط Acapulco باید به رنگ سبز روشن تبدیل شود.

تغییر آمستردام

1. در نمودار، یک بار در خط آبی برای آمستردام کلیک کنید تا آن را انتخاب کنید.
2. در کادر Task Formatting، رنگ Fill Current نمایش داده شده در زیر آیکون باید از سبز به آبی تغییر کند، نشان می دهد که پنجره اکنون گزینه هایی برای آمستردام را نمایش می دهد.
3. روی نماد Fill کلیک کنید تا لیست کشویی Line Colors باز شود.
4. آبی، لنز 1، سبک تر 40٪ از قسمت Colors Theme از لیست انتخاب کنید - خط آمستردام باید به رنگ آبی روشن تبدیل شود.

محو کردن خطوط شبکه

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

نمودار خط پایه این خطوط شبکه را برای خواندن مقادیر برای نقاط خاص در خطوط داده آسان تر می کند.

با این حال، آنها نیازی به نمایش بسیار برجسته ای ندارند. یکی از راه های ساده برای تون کردن آنها این است که شفافیت آنها را با استفاده از کادر Task Formatting تنظیم کنید.

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

قسمت ۲۳: وارد کردن نمودارها در پاورپوینت

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

نمودار ابزاری است که می‌توانید بوسیله آن اطلاعات را به صورت گرافیکی به دیگران عرضه کنید. ارایه نمودار در پاورپوینت به مخاطبان شما این امکان را می‌دهد که مفاهیم نهفته در پشت اعداد را به راحتی درک کرده و به مقایسه آن‌ها بپردازند.
انواع نمودارها:
در پاورپوینت انواع مختلفی از نمودارها وجود دارد. برای استفاده موثر از این ابزار شما باید با کاربردهای استاندارد این نمودارها آشنا شوید.
۱) نمودارهای میله‌ای و یا ستونی (Column charts) غالباً برای مقایسه به کار می‌روند.
۲) نمودارهای خطی (line charts) برای بیان رشد و یا اُفت شاخص‌های مختلف کاربرد دارند.
۳) نمودارهای کیکی (pie charts) برای بیان تناسب و نسبت شاخص‌های مختلف یک مولفه کاربرد دارند.
۴) نمودارهای منطقه‌ای (Area charts) کاربردی مشابه نمودارهای خطی دارند با این تفاوت که نواحی زیر هر خط رنگ دارند.
۵) نمودارهای سطحی (surface charts) داده‌ها را در یک نمای سه بعدی نشان داده و توانایی بیان حجم زیادی از اطلاعات را دارند.
علاوه بر شناخت انواع چارت‌ها نیاز دارید که اطلاعاتی را در خصوص نحوه خواندن یک چارت بدانید و بتوانید آن‌ها را تفسیر کنید. برای این کار شاید لازم باشد مقداری از علم آمار اطلاعات داشته باشید.
واردکردن نمودار در اسلایدها
فرایند وارد کردن نمودار به اسلاید بسیار ساده است، البته برای ساخت آن‌ها لازم است شما با فرایند ساخت نمودار در نرم افزار Excel آشنا باشید. برای واردکردن یک نمودار:
۱) از سربرگ Insert دستور chart را در گروه دستوری Illustrations انتخاب کنید.

۲) کادر محاوره‌ای در مقابل شما نمایان خواهد شد. گزینه Category نمودار خطی یا Line Chart را از گیره سمت چپ انتخاب کرده و نمودارهای ظاهر شده در سمت راست را مرور کنید.
۳) نمودار دلخواه را انتخاب و سپس بر گزینه OK کلیک کنید.

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

۵) اطلاعات خود را در صفحه گسترده وارد کنید.
۶) تنها اطلاعاتی که با خط آبی محصور شده است در نمودار نمایان خواهد شد. با گسترش اطلاعات شما خط آبی نیز گسترش خواهد یافت.
۷) هنگامی که کار وارد کردن اطلاعات به پایان رسید، صفحه را ببندید.
۸) نمودار شما کامل شده و در صفحه نمایش داده خواهد شد.
نکته: شما می‌توانید هر زمان که تمایل داشتید با استفاده از گزینه Edit data اطلاعات نمودار خود را ویرایش کنید.

ایجاد نمودار با اطلاعات موجود در Excel
در صورتی که شما اطلاعات خود را به شکل آماده در Excel دارید، می‌توانید از آن برای ساخت نمودار استفاده کنید. برای این کار شما باید آن‌ها را کپی کرده و وارد پاورپوینت نمایید. برای این کار صفحه گسترده Excel را باز نموده و اطلاعات مورد نیاز را از طریق کپی کردن به پایگاه اطلاعات پاورپوینت وارد کنید. شما می‌توانید نمودار موجود در اکسل را نیز از طریق Embed کردن وارد پاورپوینت نمایید.
اصلاح نمودارها
راه‌های مختلفی برای شخصی‌سازی و اصلاح نمودارها وجود دارد. در این نرم افزار شما می‌توانید نوع چارت Chart type، پس زمینه Layout و الگوی آن را Chart style تغییر دهید.
تغییر نوع نمودار
اگر به این نتیجه رسیدید که اطلاعات شما تناسب چندانی با نمودارتان ندارد به راحتی می‌توانید نوع آن را تغییر دهید برای نمودار خطی یا Line Chart این کار:
۱) نموداری را که می‌خواهید تغییر یابد انتخاب کنید.
۲) از سربرگ Design گزینه Change chart را انتخاب کنید.

۳) کادر محاوره‌ای در مقابل شما گشوده خواهد شد. نمودار مطلوب خود را انتخاب کرده و بر روی OK کلیک کنید.
۴) اکنون نمودار جدید ایجاد گردیده است.

جابجا کردن اطلاعات در ستون‌ها و ردیف‌ها
۱) نمودار مورد نظر را انتخاب کرده و از سربرگ Design گزینه Edit data را انتخاب کنید.

۲) نمودار را مجددا انتخاب کرده و دستور Switch row/column را از گروه دستوری Data انتخاب کنید.

۳) اکنون جای اطلاعات ستون‌ها و ردیف‌ها با یکدیگر عوض شده است.
نکته: هنگامی که اطلاعات عددی در ستون نخست وجود داشته باشد دستور Switch row/column ممکن است موجب به هم‌ریختگی در نمودار شود. برای جلوگیری از این کار می‌توان با قرار دادن Apostrophe « ,» در قبل از هر عدد از این عوارض جلوگیری نمود.
برای تغییر الگوی نمودار Chart style و یا پس زمینه آن (layout) می‌توانید از سربرگ Design به ترتیب گزینه‌های Chart styles و quick layout را انتخاب کرده و الگوهای دلخواه خود را برگزینید.

یکی از خدمات مجموعه‌ی ppt.ir ساخت پاورپوینت‌های حرفه‌ای برای کسب‌وکارها و سازمان‌های مختلف است. در این خصوص می‌توانید به صفحه سفارش ساخت پاورپوینت سر بزنید یا با ما تماس بگیرید.
[email protected]

آموزش ایجاد و رسم نمودار خطی، ستونی، دایره‌ای در Microsoft Word

ایجاد و رسم نمودار در برنامه Microsoft Word یکی از قابلیت‌های کلیدی و کاربردی این برنامه واژه‌پرداز است. در برنامه ورد امکان رسم نمودار خطی، ستونی، دایره‌ای، میله‌ای و… وجود دارد. در این نوشته تصمیم داریم آموزش ایجاد و رسم نمودار خطی، ستونی، دایره‌ای در Microsoft Word به صورت ساده و تصویری خدمت شما منتشر کنیم.

در ادامه همراه با سایت تخصصی گویا تک باشید…

آموزش ایجاد نمودار خطی، ستونی، دایره‌ای در Microsoft Word

مقدمه‌ای در رابطه با رسم نمودار در برنامه مایکروسافت ورد

بسیاری از اسناد اداری از قیبل گزارش‌کارهای ماهیانه یا انجام کار‌های پژوهشی مثل مقالات و پایان‌نامه‌ها نیاز به ارائه نمودار هستند و شما بایستی خروجی‌های نرم افزارهای مهندسی یا نتایج آزمایشات را طی یک نمودار در سند خود ارائه دهید. ایجاد و رسم نمودار اغلب به عنوان مقایسه داده‌ها استفاده می‌شود و نرم افزار Microsoft Word یک بخش بسیار کامل و حرفه‌ای و البته ساده برای نمودار خطی یا Line Chart رسم نمودار دارد. برای مشاهده آموزش ایجاد نمودار درختی، خطی، شاخه ای، میله ای و… بخش بعدی را مطالعه نمایید.

آموزش ایجاد و رسم نمودار خطی، ستونی، دایره‌ای، درختی، شاخه‌ای و… در Microsoft Word

• در برنامه مایکروسافت Word به سربرگ Insert مراجعه کنید.
• از بخش Illustrations گزینه Chart انتخاب کنید.

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

• اکنون پنجره Insert Charts برای انتخاب نوع و قالب نمودار باز خواهد شد.
• از گزینه‌های سمت چپ که با کادر سبز مشخص شده است نوع نمودار را برحسب نیاز خود انتخاب کنید.

Column: ایجاد نمودار ستونی

Line: ایجاد نمودار خطی

Pie: ایجاد نمودار دایره‌ای

bar: نمودار میله‌ای

Area: نمودار منطقه‌ای

X Y: نمودار نقطه‌ای

و…

• به عنوان مثال ما نمودار دایره‌ای Pie را انتخاب می‌کنیم.
• سپس از بالای صفحه Insert Charts قالب نمودار را انتخاب کرده و در آخر Ok می‌کنیم.

بخش Insert Charts برای انتخاب نوع نمودار

• سپس با توجه به نوع نمودار، داده‌های پیشفرض را ویرایش کرده و داده‌های خود را وارد کنید.

وارد کردن داده‌ها برای ویرایش نمودار و چارت در word 2016

• نمودار ما به شکل زیر خواهد بود…

نمودار ساخته شده در Word

• برای تغییر تم و پوسته نمودار می‌توانید از سربرگ Design ظاهر نمودار را تغییر دهید.

دیدگاه شما در رابطه با آموزش ایجاد نمودار در برنامه ورد چیست؟

همان طور که مشاهده نمودید، در این نوشته آموزش کلی رسم نمودار را در برنامه Word خدمت شما کاربران گرامی آموزش دادیم. این آموزش با استفاده از برنامه Word 2016 نوشته شده است اما روال کلی کار در سایر نسخه‌های این برنامه نیز مشابه همین آموزش است. در صورت وجود هرگونه سوال و مشکل در این زمینه از بخش دیدگاه‌ها برای ما یک نظر ارسال کنید. همچنین در صورتی که قصد دارید اعداد موجود در نمودار به صورت فارسی تایپ شوند، از نوشته “فارسی کردن اعداد در ورد” دیدن فرمایید.

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

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

۳ کتابخانه معروف برای رسم نمودار در جاوااسکریپت

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

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

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

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

Chart.js .1

این کتابخانه یک کتابخانه منبع باز و آزاد جاوااسکریپتی است که به شما اجازه می‌دهد نمودار‌هایی با انیمیشن‌های زیبا و جذاب برای صفحات و اپلیکیشن‌های خود بسازید. این کتابخانه تحت مجوز MIT در دسترس می‌باشد.

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

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

همان‌طور که در کد بالا می‌توانید مشاهده کنید نموادر میله‌ای ساخته شده بخاطر تنظیم مقدار نوع نمودار در کد است که به صورت type:’bar’ می‌باشد. ما می‌توانیم به صورت دستی خودمان این مقدار را به مقادیر دلخواه تغییر دهیم مثلا می‌توانیم آن را به horizontalbar تغییر دهیم.

رنگ میله‌های نمودار از مقادیر موجود در آرایه رنگ‌ها تنظیم می‌شود.

رنگ و مقادیر اختصاص داده شده به نمودار از آرایه‌هایی دریافت می‌شود که کنار هم تعریف شده‌اند به عنوان مثال Latin America دومین مقدار در آرایه labels می‌باشد که رنگ آن آبی تنظیم شده است که آن هم دومین مقدار در آرایه backgroundColor می‌باشد و مقدار آن ۴ تنظیم شده است که آن‌ را از ارایه data دریافت کرده است.

۲. chartist.js

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

یک کتابخانه متن‌‌باز و آزاد می‌باشد که تحت مجوز MIT یا WTFPL قابل دسترسی می‌باشد. این کتابخانه توسط تعداد زیادی از توسعه‌دهندگان ساخته شده است که از دیگر کتابخانه‌هایی که برای رسم نمودار وجود دارند رضایت نداشتند. بنابراین این کتابخانه ویژگی‌های زیادی را در اختیار طراحان و توسعه‌دهندگان قرار می‌دهد. بعد از اضافه کردن این کتابخانه و فایل‌های css به پروژه خود شما می‌توانید از این کتابخانه برای ساخت تعداد زیادی نمودار استفاده کنید که شامل: نمودار‌های خطی، میله‌ای، دایره‌ای و. می‌باشد. این کتابخانه برای ساخت نمودار‌های پویا از عنصر svg استفاده می‌کند. در زیر می‌توانید نمونه کدی که به وسیله این کتابخانه یک نمودار دایره ساخته شده را ببینید.

شما به جای اینکه برای هر جز از نمودار خود استایل متفاوت بسازید می‌توانید از استایل‌های از‌ پیش ساخته شده برای تغییر در ظاهر نمودار‌های خود که در این کتابخانه وجود دارد استفاده کنید. به‌عنوان مثال شما می‌توانید از کلاس از پیش ساخته در css مانند .ct-chart استفاده کنید برای زمانی که می‌خواهید نمودار دایره‌ای بسازید. یا مثلا می‌توانید از کلاس .ct-golden-section برای این استفاده کنید که از شر محاسبات برای واکنش‌گرا کردن نمودار خود راحت شوید .برای ساخت نمودار دایره‌ای در اینجا از تابع Chartist.Pie استفاده شده است شما برای ساخت انواع دیگر نمودار‌ها باید از توابع دیگری استفاده کنید .

در زیر خروجی کد بالا را مشاهده می‌کنید :

۳. D3.js

یکی دیگر از کتابخانه‌های عالی جاوااسکریپتی برای رسم نمودار می‌باشد که تحت مجوز BSD در دسترس است. این کتابخانه عمدتا برای دستکاری کردن و همچنین تعامل با صفحه و سند ما نمودار خطی یا Line Chart طبق داده‌ها و اطلاعاتی است که به آن می‌دهیم. شما می‌توانید از انیمیشن‌های۳بعدی این کتابخانه با استفاده از عناصر HTML5,SVG,CSS استفاده کنید تا داده‌های شما جذاب شوند. شما با استفاده از این کتابخانه می‌توانید داده‌های خود را در صفحات وب نشان دهید همچنین از توابع پایگاه‌داده برای تغییر آن‌ها استفاده کنید.

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

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

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

نتیجه‌گیری :

کتابخانه‌های موجود برای رسم نمودار در جاوااسکریت این قدرت را به شما می‌دهند که داده‌های خود را به صورت تصویری و قابل‌فهم به وبسایت و اپلیکیشن خود اضافه کنید و به این وسیله وبسایت خود را جذاب‌تر کنید.

انواع نمودار

لازم به ذکر است که در تمام پلتفرم‌های معاملاتی کارگزاری ها، نمودارها تنها از قیمت‌های “bid” ساخته شده‌اند. قیمت “ask” را می توان به عنوان خط افقی در نمودار اضافه کرد.

​نمودار خطی line

این شیوه ترسیم نمودار ساده‌ترین شیوه برای درک معامله گران تازه‌کار است: آن تنها قیمت بسته شدن چارچوب زمانی خاص یعنی ۱ دقیقه، ۱ ساعت و غیره ‏را ترسیم می‌کند که سپس توسط یک خط به هم متصل می‌شوند. ​

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

در اینجا مثالی از نمودار خطی EUR / USD آورده شده‌است:

نمودار میله ای bar

این نوع نمودار اطلاعات بیشتری را در مورد حرکت قیمت فراهم می‌کند. این حالت موارد زیر را برای چارچوب زمانی انتخاب‌شده ترسیم می‌کند:

1. آغاز قیمت
2. بستن قیمت
3. بالاترین قیمت
4. پایین‌ترین قیمت

شما می‌توانید این ارقام را که به صورت O – H – L – C بر روی پلت فرم خود بیان شده‌اند که قیمت‌های باز، بالا، کم و زیاد بستن “BID” برای آن بازه زمانی را نشان می‌دهد ‏ببینید. ​

به مثال یک نمودار میله‌ای برای EUR / USD در پایین نگاه کنید. ​

چجوری میتونی نمودار میله‌ها رو بخونی؟ ​

نمودار میله‌ای پایین شامل یک خط عمودی و دو خط افقی کوچک است: بالا به سمت راست و پایین به سمت چپ. ​خط افقی در سمت چپ قیمت باز شدن دارایی را نشان می‌دهد و خط افقی در سمت راست قیمت بسته شدن را نشان می‌دهد. ​

نوار عمودی خود محدوده قیمت‌هایی را نشان می‌دهد که به پلت فرم معاملاتی برای دوره انتخابی وارد شده‌اند ۱ دقیقه، ۱ ساعت، ۱ روز و غیره‏. لبه پایینی خط عمودی پایین‌ترین قیمت سطح در طول این زمان است، و لبه بالایی بالاترین قیمت سطح در طول این زمان است. ​ در حالی که نمودارهای میله‌ای بسیار آموزنده هستند، خواندن آن‌ها از لحاظ بصری به آسانی نمودارهای کندلاستیک یا همان ژاپنی نیست، که در حال حاضر در مورد آن‌ها بحث خواهیم کرد.

نمودار شمعی ژاپنی Japanese candlesticks

در قرن نوزدهم، تاجران برنج در ژاپن نمودارهای شماتیک “شمعدانی” را اختراع کردند که درآمد – هزینه را نشان می‌داد. حال، این نوع نمودار راحت‌ترین و محبوب‌ترین نمودار در نظر گرفته می‌شود. ​

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

در اینجا مثالی از شمع‌های EUR / USD آورده شده‌است. ​

هر شمع نشان‌دهنده یک دوره ثابت ‏چارچوب زمانی ‏است که تریدرها انتخاب می‌کنند. برای مثال، می‌توانید ببینید که چگونه قیمت هر دقیقه ‏M۱، هر ۵ / ۱۵ / ۳۰ نمودار خطی یا Line Chart دقیقه M۵، M۱۵، M۳۰ ، هر ساعت H۱ ‏، هر ۴ ساعت ‏H۴ ‏، هر روز D۱‏، هر هفته ‏W۱ ‏و هر ماه ‏MN ‏تغییر می‌کند. برخی از پلتفرم‌ها ممکن است حتی انتخاب بالاتری از چارچوب‌های زمانی ارائه دهند. ​

یک دوره = یک شمع. ​

چگونه نمودار شمعی را بخوانید؟

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

اگر قیمت در طول این دوره افزایش یابد، قیمت باز در پایین است، قیمت بسته در بالا است، و بدنه شمعدانی خودش معمولا سبز رنگ است یا پر می‌شود‏. ​

و بالعکس: اگر نمودار پایین برود، قیمت اولیه خط افقی بالایی است، و قیمت نهایی نزولی است. شمع معمولا به رنگ قرمز یا خالی‏است. ​

به یاد داشته باشید که می‌توانید رنگ‌های چارت را به دل‌خواه خود شخصی سازی کنید و پلتفرم‌های مختلف ممکن است طرح‌های رنگ پیش‌فرض داشته باشند. ​

خط عمودی که از میان شمع‌ها می‌گذرد، “فتیله” یا “سایه” نامیده می‌شود. این نشان‌دهنده بالاترین و پایین‌ترین سطح قیمت ها در آن چارچوب زمانی خاص است. ​

خلاصه نمودارها

بیایید آنچه را که درباره انواع نمودار ها پلت فرم آموخته‌ایم مرور کنیم:

O – H – L – C نشان‌دهنده قیمت باز، بالاترین قیمت، پایین‌ترین قیمت، و قیمت بستن برای دوره مربوطه است. ​

نمودارها تنها با استفاده از قیمت‌های bid ایجاد می‌شوند؛ قیمت ask را می توان به عنوان یک خط افقی بر روی نمودار اضافه کرد. ​

نمودارهای خط اساسی‌ترین آن‌ها هستند. ​

نمودارهای میله‌ای حاوی اطلاعات کاملی از یک دوره هستند. ​

کندلستیکی ها محبوب‌ترین و قابل‌خواندن ترین نوع چارت هستند که اطلاعات کاملی از آن دوره را نشان می‌دهند. ​

شمع ها متشکل از یک body قیمت های باز و بسته‏ و Wicks حد قیمت های پایین بالا ‏هستند. ​