diff --git a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx index 3a73fb4634..44aeb8d484 100644 --- a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx +++ b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx @@ -184,7 +184,7 @@ export const CreationArchiveChart: FC = ({ order: 1, }, ], - flagTypeNames, // Add this to the return object + flagTypeNames, }; }, [creationArchiveData, theme]); @@ -200,7 +200,6 @@ export const CreationArchiveChart: FC = ({ const data = notEnoughData || isLoading ? placeholderData : aggregateOrProjectData; - // Get flag type names for legend filtering const flagTypeNames = isAggregate ? (aggregateHealthData as any).flagTypeNames || [] : []; @@ -234,7 +233,6 @@ export const CreationArchiveChart: FC = ({ ), ); - // Add custom "Created Flags" legend item filtered.push({ text: 'Created Flags', fillStyle: theme.palette.success.main, @@ -256,11 +254,6 @@ export const CreationArchiveChart: FC = ({ }, }, locale: locationSettings.locale, - interaction: { - intersect: false, - axis: 'xy', - mode: 'nearest', - }, scales: { x: { type: 'time', @@ -268,17 +261,14 @@ export const CreationArchiveChart: FC = ({ unit: 'week', tooltipFormat: 'PPP', }, - stacked: true, }, y: { type: 'linear', - display: true, position: 'left', beginAtZero: true, - stacked: true, title: { display: true, - text: 'Number of Flags', + text: 'Number of flags', }, }, y1: { @@ -288,11 +278,14 @@ export const CreationArchiveChart: FC = ({ beginAtZero: true, title: { display: true, - text: 'Archive Percentage (%)', + text: 'Ratio', }, grid: { drawOnChartArea: false, }, + ticks: { + callback: (value) => `${value}%`, + }, }, }, }}