feat: Enhance chart components with period selection and area chart hints

- Added PeriodSelector component for selecting chart periods.
- Introduced DenseChartAreaHint to suggest area charts for dense data.
- Updated various chart components to utilize new period handling and improve performance.
- Enhanced localization for new chart features and descriptions.
- Refactored chart data handling to accommodate new period options and improve rendering efficiency.

Author: x0sina

dashboard/public/statics/locales/en.json

@@ -1898,13 +1898,18 @@
   "statistics.subscriptionDistribution": "Subscription Client Distribution",
   "statistics.subscriptionDistributionDetails": "Subscription Client Details",
   "statistics.subscriptionDistributionDescription": "Share of subscription updates across agents and applications.",
+  "statistics.subscriptionDistributionRetentionNote": "By default only the latest {{limit}} subscription updates are kept per user. Change this with {{env}} in your environment.",
   "statistics.totalSubscriptions": "Total subscription updates",
   "statistics.percentage": "Percentage",
   "statistics.adminFilterLabel": "Filter by admin",
   "statistics.adminFilterPlaceholder": "Choose an admin",
   "statistics.adminFilterAll": "All admins",
   "statistics.leadingClientMessage": "{{client}} leads with {{percentage}}% of subscription updates",
   "statistics.subscriptionsDuringPeriod": "Updates During Period",
+  "statistics.period": "Period",
+  "statistics.periodAuto": "Auto",
+  "statistics.denseChartAreaHint": "This chart has {{count}} candles. Area charts from Theme settings usually perform better with large ranges.",
+  "statistics.useAreaChart": "Use area chart",
   "enable": "Enable",
   "host": {
     "enableSuccess": "Host «{{name}}» has been enabled successfully",
@@ -3250,6 +3255,8 @@
     "days": "days",
     "hour": "hour",
     "hours": "hours",
+    "minute": "minute",
+    "minutes": "minutes",
     "min": "min",
     "mins": "mins",
     "second": "second",

dashboard/public/statics/locales/fa.json

@@ -1698,13 +1698,18 @@
   "statistics.subscriptionDistribution": "توزیع کلاینت‌های اشتراک",
   "statistics.subscriptionDistributionDetails": "جزئیات کلاینت‌های اشتراک",
   "statistics.subscriptionDistributionDescription": "سهم به‌روزرسانی‌های لینک اشتراک بین عامل‌ها و برنامه‌ها.",
+  "statistics.subscriptionDistributionRetentionNote": "به‌طور پیش‌فرض فقط {{limit}} به‌روزرسانی اخیر اشتراک برای هر کاربر نگه داشته می‌شود. برای تغییر، {{env}} را در محیط تنظیم کنید.",
   "statistics.totalSubscriptions": "مجموع به‌روزرسانی‌ها",
   "statistics.percentage": "درصد",
   "statistics.adminFilterLabel": "فیلتر بر اساس ادمین",
   "statistics.adminFilterPlaceholder": "یک ادمین را انتخاب کنید",
   "statistics.adminFilterAll": "همه ادمین‌ها",
   "statistics.leadingClientMessage": "{{client}} با سهم {{percentage}}٪ پیشتاز به‌روزرسانی‌ها است",
   "statistics.subscriptionsDuringPeriod": "به‌روزرسانی در دوره زمانی",
+  "statistics.period": "بازه",
+  "statistics.denseChartAreaHint": "این نمودار {{count}} شمع دارد. نمودار ناحیه‌ای از تنظیمات تم معمولاً برای بازه‌های بزرگ روان‌تر است.",
+  "statistics.useAreaChart": "استفاده از نمودار ناحیه‌ای",
+  "statistics.periodAuto": "خودکار",
   "statistics.selectTimeRange": "انتخاب بازه زمانی",
   "statistics.selectTimeRangeDescription": "دوره مورد نظر را برای تجزیه و تحلیل داده‌های تاریخی انتخاب کنید",
   "statistics.selectTimeRangeToView": "لطفاً یک بازه زمانی برای مشاهده داده‌های تاریخی انتخاب کنید",
@@ -3191,6 +3196,8 @@
     "days": "روز",
     "hour": "ساعت",
     "hours": "ساعت",
+    "minute": "دقیقه",
+    "minutes": "دقیقه",
     "min": "دقیقه",
     "mins": "دقیقه",
     "second": "ثانیه",

dashboard/public/statics/locales/ru.json

@@ -27,13 +27,18 @@
   "statistics.subscriptionDistribution": "Распределение клиентов подписки",
   "statistics.subscriptionDistributionDetails": "Детали клиентов подписки",
   "statistics.subscriptionDistributionDescription": "Доля обновлений подписки по агентам и приложениям.",
+  "statistics.subscriptionDistributionRetentionNote": "По умолчанию для каждого пользователя хранятся только последние {{limit}} обновлений подписки. Измените это через {{env}} в окружении.",
   "statistics.totalSubscriptions": "Всего обновлений",
   "statistics.percentage": "Процент",
   "statistics.adminFilterLabel": "Фильтр по администратору",
   "statistics.adminFilterPlaceholder": "Выберите администратора",
   "statistics.adminFilterAll": "Все администраторы",
   "statistics.leadingClientMessage": "{{client}} лидирует с долей {{percentage}}% обновлений подписки",
   "statistics.subscriptionsDuringPeriod": "Обновления за период",
+  "statistics.period": "Период",
+  "statistics.periodAuto": "Авто",
+  "statistics.denseChartAreaHint": "На этом графике {{count}} свечей. Диаграмма-область в настройках темы обычно работает быстрее на больших диапазонах.",
+  "statistics.useAreaChart": "Использовать область",
   "statistics.date": "Дата",
   "statistics.totalUsage": "Общий трафик",
   "statistics.uplink": "Входящий",
@@ -3155,6 +3160,8 @@
     "days": "дня",
     "hour": "час",
     "hours": "часа",
+    "minute": "минута",
+    "minutes": "минуты",
     "min": "мин",
     "mins": "мин",
     "second": "секунда",

dashboard/public/statics/locales/zh.json

@@ -1848,13 +1848,18 @@
   "statistics.subscriptionDistribution": "订阅客户端分布",
   "statistics.subscriptionDistributionDetails": "订阅客户端详情",
   "statistics.subscriptionDistributionDescription": "不同代理和应用的订阅更新占比。",
+  "statistics.subscriptionDistributionRetentionNote": "默认每位用户仅保留最近 {{limit}} 条订阅更新记录。如需修改，请在环境变量中设置 {{env}}。",
   "statistics.totalSubscriptions": "总更新次数",
   "statistics.percentage": "百分比",
   "statistics.adminFilterLabel": "按管理员筛选",
   "statistics.adminFilterPlaceholder": "选择管理员",
   "statistics.adminFilterAll": "所有管理员",
   "statistics.leadingClientMessage": "{{client}} 以 {{percentage}}% 的更新占比领先",
   "statistics.subscriptionsDuringPeriod": "期间更新次数",
+  "statistics.period": "周期",
+  "statistics.periodAuto": "自动",
+  "statistics.denseChartAreaHint": "此图表有 {{count}} 个数据点。主题设置中的面积图在大数据量时通常更流畅。",
+  "statistics.useAreaChart": "使用面积图",
   "statistics.selectTimeRange": "选择时间范围",
   "statistics.selectTimeRangeDescription": "选择用于历史数据分析的时间段",
   "statistics.selectTimeRangeToView": "请选择一个时间范围来查看历史数据",
@@ -3201,6 +3206,8 @@
     "days": "天",
     "hour": "小时",
     "hours": "小时",
+    "minute": "分钟",
+    "minutes": "分钟",
     "min": "分钟",
     "mins": "分钟",
     "second": "秒",