راهنمایی درباره chart

خوب شما باید request رو توسط ajax به سرور بفرستید و response رو توی اون قسمتی که میخواید قرار بدید حالا میتونید از کتابخانه axios و vue استفاده کنیدیا jquery یا هر روش دیگه ای
چارت هم که با chartjs

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

https://github.com/nagix/chartjs-plugin-streaming

در کل برای نمایش لایو شما باید به صورت ایجکسی دیتاب مورد نظر رو هر چند ثانیه با چند دقیقه به روز کنین با interval جاوا اسکریپت با اگه بروزر های یدیکی براتون مهم نیست با SSE HTML5 و استریم ریسپانسو . اما براب اینکه نمودار شما لایو باقی بمونه و منتظر دیتا نشه باید یک تاخیر اولیه بندازید مثلا ۲۰ ثانیه بعد از لود صفحه خط های نمودار رو نمایش بدید که اگر هر ۱۰ ثانیه یک بار قرار دیتا رو به روز کنین به این روش شما ۲ مرحله جلو تر رو دیتا میگیرید و این باعث میشه نمودار شما لگ نداشته باشه یا تاخیر . اون پلاگین بالا این موارد رو همگی هندل میکنه .

من این کار را با highcharts انجام دادم chart.js در بعضی از مواقع که بصورت آنلاین اطلاعات را باید نمایش میداد و وقتی تعداد نمودارها زیاد میشد به مشکل می خورد