ساخت یک چارت realtime با React + خواندن دیتا از tcp + ساخت api برای گراف
شش ماه پیش منتشر شده
تعداد بازدید: 116
کد پروژه: 490388
شرح پروژه
سلام،
من نیاز دارم یک پروژه با React و Vite یا Nextjs نوشته بشه که یک چارت Real-Time بصورت Vertical بهم نمایش بده.
خود صفحه وب اصلی مهم نیست چطوری باشه مهم اینکه گراف بتونه هر یک ثانیه داده هایی رو که از پورت tcp میگیره توی گراف بصورت Real-time نمایش بده.
چارت مثل این لینک ولی بصورت vertical
https://apexcharts.com/react-chart-demos/line-charts/realtime/
-------------------------
داده های دریافتی:
فرمت داده های دریافتی که هر ثانیه از پورت باید دریافت بشود بصورت زیر است که باید حتما براش یه api نوشته بشود که بعدا این api رو به چارت متصل کنید.
فرمت داده های دریافتی:
&&
01082319.024
01103152.102
011221.31
!!
شروع یک پک دیتا: &&
انتهای یک پک دیتا: !!
در میان این شروع پایان هرچی بود میشود داده های ما. مثلا در مثال بالا 3نوع داده مختلف با 3 label جداگانه برای نمایش در چارت داریم
4 رقم اول یک سطر داده Label اون داده رو مشخص میکند. یعنی 0108 لیبلش میشود Depth و مقدارش میشود 2319.024
مثلا 0110 لیبلش میشود Wob و مقدارش میشود 3152.102
مثلا 0112 لیبلش میشود Hook و مقدارش میشود 21.31
حالا در محور عمودی زمان باید نمایش داده شود و در محور افقی این 3 لیبل باید طوری نمایش داده شوند که محور تغییر نکند. مثلا طول محور افقی 5000 باشد
دریافت داده ها و تبدیل اونها به Json و نمایش اونها حتما باید یک api نوشته شود. اگر روش دیگری هم داشتید اطلاع بدهید.
مهارت ها و تخصص های مورد نیاز
بودجه
750,000 تومان تا 5,000,000 تومان
مهلت برای انجام
60روز
وضعیت مناقصه
بسته
درباره کارفرما
عضویت شش ماه پیش
