• خانه
  • وبلاگ
  • نمودار سوئیفت چیست و چگونه می توان از آنها استفاده کرد؟

نمودار سوئیفت چیست و چگونه می توان از آنها استفاده کرد؟

 تاریخ انتشار :
/
  وبلاگ
نمودار سوئیفت چیست و چگونه می توان از آنها استفاده کرد؟


Swift Charts یک چارچوب جدید SwiftUI است که اجازه ایجاد نمودارهای سفارشی را می دهد که می توانند داده های شما را در قالب بصری نشان دهند. این برای توسعه دهندگانی است که از SwiftUI برای ارائه داده های خود استفاده می کنند. امروز مهندسان DEV IT ما نگاهی به چارچوب و نحوه استفاده از آن در چارچوب شما خواهند داشت توسعه اپلیکیشن iOS روند.

راه اندازی نمودار سوئیفت

اپل از انتشار نمودار سوئیفت در WWDC 2022 خبر داد و از آن زمان دنیای توسعه iOS را تکان داد. روشی که نمودارها می‌توانند داده‌ها را به نمودارهایی با درک آسان تبدیل کنند، بسیار شگفت‌انگیز است.

نکته ای که باید به آن توجه کنید این است که نمودارهای سوئیفت از Xcode 14.0 به بعد در دسترس هستند، به این معنی که احتمالاً قبل از استفاده از این نمودارها باید نرم افزار خود را به روز کنید.

بیایید ابتدا نمودارها را مورد بحث قرار دهیم:

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

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

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

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

این نمودارها همچنین از ویژگی‌های مختلفی مانند دسترسی، محلی‌سازی و انیمیشن پشتیبانی می‌کنند و می‌توانند در پلتفرم‌های مختلف مانند iOS، iPadOS، watchOS، macOS و tvOS استفاده شوند.

مراحل پیاده سازی نمودار سریع:

اکنون که می دانید نمودارهای سوئیفت چیست و مزایای آن ها چیست، اجازه دهید نگاهی به پیاده سازی آن ها بیندازیم. ابتدا باید یک پروژه جدید با استفاده از SwiftUI از Xcode 14.0 یا جدیدتر ایجاد کنید.

نمودارها را وارد کنید سپس از نمودار مانند کد زیر استفاده کنید

واردات گرافیک-پایه

در نمودار { … } انواع مختلفی از کاراکترها را برای ایجاد نمودارهای مختلف اضافه می‌کنیم. برند همان چیزی است که در نمودارها می بینیم.

بیایید در نمودارهای سریع درباره مارک بیشتر بیاموزیم

نوع برند

انواع برندها:

اینها رایج ترین انواع کاراکترهایی هستند که هنگام استفاده از نمودارهای سوئیفت با آنها روبرو خواهید شد.

  • بارمارک
  • LineMark
  • علامت نقطه
  • AreaMark
  • RuleMark
  • RectangleMark

بارمارک:

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

تصاویر داخلی_1-2 دقیقه

تصاویر داخلی_1-3 دقیقه

تصاویر داخلی_1-4 دقیقه

تصاویر داخلی_1-5 دقیقه

در مثال زیر یک ساختار و یک آرایه برای ایجاد چندین میله ایجاد کرده ایم. می‌توانیم آرایه‌ای از داده‌ها را به Chart Initializer اضافه کنیم یا می‌توانیم یک حلقه For اضافه کنیم.

توجه داشته باشید: ساختار باید مطابقت داشته باشد قابل شناسایی پروتکل

تصاویر داخلی_1-6 دقیقه

تصاویر داخلی_1-7 دقیقه

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

BarMark همچنین از نوارها برای ارائه افقی پشتیبانی می کند.

به سادگی مقادیر محور x و y را تغییر دهید تا نمودار میله ای خود را به صورت افقی نشان دهد.

تصاویر داخلی_1-8 دقیقه

نمودار میله ای 1 بعدی:

با استفاده از BarMark می توانیم داده ها را در یک جهت نیز نمایش دهیم.

برای نمایش نمودار میله ای در یک جهت، می توانیم از PlottableValue زیر استفاده کنیم:

init(x:yStart:yEnd:width:stacking:)

تصاویر داخلی_1-9 دقیقه

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

ویژگی سبک پیش زمینه رنگ های مختلفی را برای داده های مختلف ارائه می دهد. ویژگی سبک پیش زمینه به طور خودکار رنگ های مختلف را تنظیم می کند تا بتوانیم به راحتی آنها را تشخیص دهیم.

تصاویر داخلی_1-10 دقیقه

تصاویر داخلی_1-11 دقیقه

در مثال زیر از ویژگی نماد استفاده کردم.

ویژگی Symbol نمادهای داده مختلفی را ارائه می دهد.

ویژگی Symbol به طور خودکار نمادهای مختلفی را تنظیم می کند تا بتوانیم به راحتی داده های مختلف را با هم مقایسه کنیم.

تصاویر داخلی_1-12 دقیقه

تصاویر داخلی_1-11 دقیقه

علامت خط:

LineMark برای ایجاد نمودار خطی استفاده می شود.

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

تصاویر داخلی_1-14 دقیقه

علامت نقطه:

PointMark برای ایجاد نمودار نقطه ای استفاده می شود.

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

تصاویر داخلی 1-15 دقیقه

تصاویر داخلی_1-16 دقیقه

علامت منطقه:

AreaMark برای ایجاد نمودار منطقه استفاده می شود.

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

تصاویر داخلی_1-17 دقیقه

RectangleMark:

RectangleMark برای ایجاد نمودار مستطیلی استفاده می شود.

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

تصاویر داخلی_1-18 دقیقه

علامت قانون:

RuleMark برای ایجاد نمودار قوانین استفاده می شود.

نمودار قانون برای نمایش قوانین افقی یا عمودی روی نمودار استفاده می شود.

تصاویر داخلی_1-19 دقیقه

تصاویر داخلی_1-18 دقیقه

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

روش درونیابی:

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

تصاویر داخلی_1-21 دقیقه

تصاویر داخلی_1-22 دقیقه

سبک پیش زمینه:

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

کدورت:

با استفاده از این روش می توانیم کدورت نمودار را بین 0 تا 1 تغییر دهیم.

شعاع گوشه:

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

chartXScale و chartYScale:

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

chartXAxis و chartYAxis:

با استفاده از این روش ها می توانیم محور X یا Y را مخفی کنیم.

روش های بیشتری وجود دارد. لطفاً از اسناد Swift Chart در اینجا دیدن کنید تا روش‌ها و ویژگی‌های بیشتری را بررسی کنید.

ویژگی های نمودار سوئیفت:

ترکیب گرافیک:

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

من چند نمونه از نمودارهای ترکیبی و نتایج آنها را در زیر اضافه کرده ام.

تصاویر داخلی_1-23 دقیقه

تصاویر داخلی_1-24 دقیقه

تصاویر داخلی 1-25 دقیقه

تصاویر داخلی_1-26 دقیقه

صداگذاری:

VoiceOver برای ارائه توضیحات صوتی از داده های نمودار استفاده می شود.

نمونه ای از ادغام VoiceOver در گرافیک.

تصاویر داخلی_1-27 دقیقه

مزایای نمودار سوئیفت:

  • آسان برای ایجاد
  • در دسترس
  • طرح
  • پشتیبانی از چند پلتفرم
  • انیمیشن

ویژگی های پشتیبانی شده از Xcode برای نمودارهای سریع:

  • گزینه های طرح رنگ: نمودارها را در حالت روشن و تاریک نمایش می دهد
  • Orientation Variants: نموداری را با جهت گیری متفاوت نمایش می دهد
  • Dynamic Type Variants: نموداری را با اندازه فونت های مختلف نشان می دهد

لینک مرجع:

اسناد Swift Charts: https://developer.apple.com/documentation/charts

نتیجه

امیدواریم این اطلاعات به شما در درک بهتر مزایای استفاده از نمودار سوئیفت در خود کمک کرده باشد شرکت توسعه اپلیکیشن موبایل. اگر سوالی دارید یا می خواهید یک وبلاگ در مورد موضوع فنی دیگری درخواست کنید، لطفاً در زیر نظر دهید.

The post نمودار سوئیفت چیست و چگونه می توان از آنها استفاده کرد؟ اولین بار در DEV IT Journal ظاهر شد.