+
+ {selectedDate && (
+
+
+ {t('statistics:FILTER.BY_DATE', { date: selectedDate })}
+
+
+
+ )}
+
+
+
{t('statistics:CHART.COMPLETED_TREND')}
+
+
+
+
+ dayjs(value).format('MM/DD')}
+ />
+
+ [value, t('statistics:CHART.LABEL')]}
+ labelFormatter={(label) => t('statistics:CHART.DAY', { count: '', day: label })}
+ />
+
+ handleLineClick(payload?.payload as DailyCompletedTasks | null)
+ }}
+ strokeWidth={2}
+ />
+
+
+
+
+
+
+
{t('statistics:CHART.TAG_DISTRIBUTION')}
+ {pieData.length > 0 ? (
+
+
+
+ handlePieClick(data.originalTag)}
+ cursor="pointer"
+ >
+ {pieData.map((entry, index) => (
+ |
+ ))}
+
+
+
+
+
+
+ ) : (
+
+ {t('statistics:TASK_LIST.EMPTY')}
+
+ )}
+
+
+
+
+ {t('statistics:CHART.PRIORITY_DISTRIBUTION')}
+
+
+
+
+
+
+
+ [value, t('statistics:CHART.TASK_COUNT')]}
+ />
+
+ handleBarClick((data as { priority: PriorityType }).priority)
+ }
+ />
+
+
+
+
+
+
+
+
+
{t('statistics:CHART.LABEL')}
+
{statistics.completedTasks}
+
+
+
+
{t('statistics:CHART.TASK_COUNT')}
+
{statistics.totalTasks}
+
+
+
+
{t('statistics:CHART.NO_TAG') || 'Incomplete'}
+
{statistics.incompleteTasks}
+
+
+