سری شمعدان نمودار

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

برپایی

برای نمایش نمودار شمعدان ، شما نیاز دارید:

• RadcartesianChart را به مؤلفه خود اضافه کنید.
• با دستورالعمل tkcartesianhorizontalaxis ، یک محور دسته (cartorialaxis ، dateTimecategoratorAxis یا datetimeContinuineUsaxis) اضافه کنید.
• با دستورالعمل tkcartesianverticalaxis یک محور مقدار (linearaxis یا logarithmicaxis) اضافه کنید.
• حداقل یک نمونه از CandlestickSeries را با دستورالعمل tkcartesianseries اضافه کنید و ویژگی های آن را بر روی مجموعه ای از موارد داده ، طبقه بندی آن به نام خاصیت موارد داده ای که برای تعیین دسته آنها استفاده می شود ، و OpenPropertyname ، HighPropertyname ، نامگذاری شده ، تنظیم کنید. Lowpropertyname و ClosePropertyname به نام خواص مورد استفاده برای تعیین مقادیر باز ، زیاد ، کم و نزدیک.

برای نشان دادن این تنظیم ، بیایید مثالی ایجاد کنیم. درست مانند تمام صفحات زاویه ای "بیایید با مؤلفه ای که در آن نمونه RadcartesianChart خود را قرار خواهیم داد ، شروع کنیم. ما یک مؤلفه اصلی زاویه ای ایجاد می کنیم که شامل مجموعه ای از اشیاء ارائه شده توسط یک سرویس سفارشی است که توسط نمودار برای ارائه تجسم داده های بصری استفاده می شود. این سرویس یک "مسخره" ساده از یک تماس باطن است که مجموعه ای از اشیاء را برمی گرداند:

#### مثال 1: یک سرویس داده را تعریف کنید

وارد كردناز '@angular/core' ؛injectable () Export Class DataService

در داخل آن سرویس ما یک عملکرد واحد داریم که یک آرایه را برمی گرداند:

مثال 2: یک منبع را با داده ها تعریف کنید

getCategorsSource (): کشور [], , , , ];> 

ارز کلاس صادراتی> 

مثال 3: نمودار را به الگوی مؤلفه اضافه کنید

وارد كردناز '@angular/core' ؛وارد كردناز '../../data-service/data. service' ؛وارد كردناز '../../data-service/currency' ؛وارد كردناز "TNS-Core-Modules/Data/Array-Array" ؛@جزء(.CandlestickSourceItems را دریافت کنید (): ObservableArrayngoninit ()> 

شکل 1: نمودار با شمعدان در اندروید (سمت چپ) و iOS (راست)

منابع

آیا می خواهید این سناریو را در عمل ببینید؟نمونه های SDK ما را در GitHub بررسی کنید. این و بسیاری از نمونه های عملی دیگر را با UI NativeScript پیدا خواهید کرد.

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

• نمونه سری شمعدان

مقالات مرتبط ممکن است مفید باشد: