نمودار سهام

نمودار سهام ابزاری قدرتمند - بخشی از کتابخانه Amcharts 5 است - برای تجسم داده های مبتنی بر تاریخ/زمان و تجزیه و تحلیل آن استفاده می شود. این آموزش مراحل ایجاد ، پیکربندی و استفاده از آن را طی می کند.

معرفی

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

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

اجزای نمودار

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

نمودار خود از مؤلفه های زیر تشکیل شده است:

• نمودار سهام - این اساساً یک بسته بندی برای هر چیز دیگری است.
• پانل ها - مواردی از Stockpanel (که در اصل یک Xychart است) ، با یکدیگر در زوم و مکان نما ، همگام سازی شده ، به صورت عمودی ، با توانایی تغییر اندازه ، اضافه شده و موارد جدید را اضافه کنید.
• سری ، شاخص ها ، حاشیه نویسی ها - اطلاعات ترسیم شده با استفاده از داده ها یا تعامل کاربر.
• ابزارها - نوار ابزار با ابزارهای سهام: نقاشی ، مقایسه ، شاخص ها ، تنظیمات و غیره.

ما همه این موارد را در این آموزش و آموزش های مرتبط پوشش خواهیم داد.

ماژول های مورد نیاز بارگیری

نمودار سهام به سه ماژول AMCHARTS 5 نیاز دارد: "فهرست" ، "XY" و "سهام".

شما می توانید آنها را در برنامه Typescript / ES6 خود به عنوان ماژول های Javscript وارد کنید:

برای برنامه های وانیل جاوا اسکریپت و صفحات وب ، می توانید از نسخه "اسکریپت" استفاده کنید:

اطلاعات بیشتر برای اطلاعات بیشتر در مورد نصب AmCharts 5 و همچنین بارگیری ماژول ها به آموزش "شروع کار" ما اشاره دارد.

فوری نمودار

مانند هر نوع نمودار در AmCharts 5 ، ما باید با ایجاد عنصر ریشه شروع کنیم.

در آن ما نمونه ای از کلاس Stockchart را ایجاد خواهیم کرد:

اطلاعات بیشتر مفهوم ایجاد نمونه های کلاس با استفاده از روش . new () در بخش "ایجاد نمودار" در آموزش "شروع کار" شرح داده شده است. اطمینان حاصل کنید که شما آن را بررسی کنید.

پانل

"پانل" در نمودار سهام نمونه ای از یک سهام است که به نوبه خود Xychart را به لیست پانل ها گسترش می دهد.

در اصل ، هر کاری که می توانید و با یک نمودار XY انجام دهید ، می توانید با یک پنل سهام انجام دهید.

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

کد زیر یک پنل (نمودار) اضافه می کند. بیایید آن را "نمودار اصلی" بنامیم.

اطلاعات بیشتر پانل ها/نمودارها قابل تنظیم هستند. برای یک مجموعه کامل از ویژگی های پیکربندی آنها ، به آموزش "Panels" مراجعه کنید.

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

اضافه کردن محورها

از آنجا که یک نمودار XY حداقل به دو محور (x و y) نیاز دارد ، ما باید آن را به پانل (نمودار) اضافه کنیم.

در حالی که نمودار XY معمولی می تواند ترکیبی از انواع محورها را بپذیرد ، در صورت استفاده به عنوان پانل ، به محور x خود نیاز دارد تا یک محور تاریخ باشد و محور y آن به یک محور با ارزش باشد - ما می خواهیم یک تاریخ/زمان مبتنی بر زمان نقشه کنیمداده های ارزش

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

سلسله

اضافه کردن سری

سری در نمودار سهام به لیست سری پانل های آن اضافه می شود.

از نظر فنی ، یک پانل (که یک نمودار XY است) یا سری آن حتی نمی داند که آنها بخشی از چیزی بزرگتر هستند - نمودار سهام.

بیایید یک سری خط ساده را به پانل "اصلی" ما اضافه کنیم.

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

تنظیم سری اصلی

نمودار سهام با ارائه بسیاری از ابزارهای تحلیلی اضافی مانند شاخص ها ، ترسیم روند و همچنین مقایسه شاخص های مختلف ، فراتر از نمودارهای XY معمولی است.

اینها به داده های سری اصلی متکی هستند.

نمودار سهام دو سری اصلی را تشخیص می دهد: مقدار و حجم.

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

ما می توانیم از مقادیر تنظیمات و حجم تنظیمات نمودار سهام استفاده کنیم تا مجموعه ای را برای استفاده از آن ابزارهای تحلیلی تنظیم کنیم.

در حالی که سری حجم کمتر مورد نیاز است ، سری Value به شدت در کل نمودار سهام تکیه می شود ، بنابراین تنظیم آن یک عمل خوب است ، حتی اگر مطمئن نباشیم که به آن احتیاج خواهیم داشت.

در صورت عدم نیاز به نمایش آن ، می توانیم یک سری حجم پنهان ایجاد کنیم:

رنگهای مثبت/منفی

سری Value Main (تنظیم شده در StockSeries) و سری Volume Main (تنظیم شده روی حجم) در صورت داشتن ستون ، شمعدان یا OHLC از دو رنگ استفاده می کنند.

آنها از رنگهای "منفی" و "مثبت" از مجموعه رنگ رابط پیش فرض استفاده می کنند.

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

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

مگر اینکه بخواهیم موضوع پیش فرض را اصلاح کنیم ، ما از این موارد برای تنظیمات نمودار سهام برای کنترل آن رنگ ها استفاده می کنیم:

• رفیق
• سهامدار
• جلد
• حجم حجم

مقادیر موجود در StockPositiveColor و StockNegativeColor تنها سری ارزش های اصلی را تحت تأثیر قرار می دهند ، در حالی که ValuePostiveColor و ValuEneGativeColor بر سری اصلی حجم تأثیر می گذارند.

این تنظیمات هیچ تاثیری در هیچ سری دیگر از نمودار ندارند.

افسانه

در نمودار سهام، می توانیم هم از افسانه معمولی که در نمودار XY استفاده می کنیم و هم از «افسانه جوراب» ویژه پیشرفته استفاده کنیم.

دومی نمای پیشرفته و همچنین ابزارهایی برای ویرایش سری/شاخص های مرتبط ارائه می دهد.

برای تبلیغ یک افسانه سهام، به جای Legend از کلاس StockLegend استفاده می کنیم:

تفاوت مهم با افسانه معمولی این است که استوک legend برای نمایش در منطقه طراحی شده است، بنابراین ما آن را به plotContainer پانل اصلی فشار می دهیم.

تفاوت دیگر این است که به دلیل عملکرد اضافی، سهام افسانه نیاز به دانستن نمودار سهام آن دارد، از این رو ما stockChart را در کد بالا تنظیم می کنیم.

اگر بخواهیم می توانیم از یک افسانه معمولی در اینجا نیز استفاده کنیم:

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

نشانگرها

مکان نماها مانند نمودارهای XY کار می کنند: با ایجاد یک نمونه از XYCursor و ارائه آن به تنظیمات مکان نما پانل (نمودار).

مکان نما باید به طور جداگانه به هر پانل اضافه شود.

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

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

نوارچرخ

افزودن یک اسکرول با روشی که در نمودار XY انجام می دهیم یکسان است، به جز برای فشار دادن آن به فرزندان نمودار/پانل، ما از یک ظرف مخصوص در نمودار سهام استفاده می کنیم: toolsContainer:

اطلاعات بیشتر به دنبال اطلاعات بیشتر در مورد افزودن نوارهای پیمایش در آموزش "نوارهای پیمایش" ما باشید.

مثال کامل

عملکرد پیشرفته

شاخص ها

نمودار سهام دارای تعدادی از محبوب ترین شاخص های سهام داخلی است. اینها سری های ویژه ای هستند که تجزیه و تحلیل داده ها را در سری های اصلی مقدار و حجم موجود ارائه می دهند.

برای اطلاعات بیشتر به آموزش "شاخص ها" مراجعه کنید.

ابزارهای طراحی / حاشیه نویسی

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

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

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

نوار ابزار

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

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

حالت درصد

در صورت روشن بودن، نمودار سهام می تواند هنگام اضافه شدن سری های مقایسه یا روشن شدن از طریق API به «حالت تغییر درصد» تغییر کند.

برای اطلاعات بیشتر به آموزش "درصد حالت" مراجعه کنید.

رفتار بزرگنمایی

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

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