diff --git a/client/sites/tools/monitoring/components/site-monitoring-line-chart/index.tsx b/client/sites/tools/monitoring/components/site-monitoring-line-chart/index.tsx index fb401cf8d3f42..f61479e48a0f8 100644 --- a/client/sites/tools/monitoring/components/site-monitoring-line-chart/index.tsx +++ b/client/sites/tools/monitoring/components/site-monitoring-line-chart/index.tsx @@ -37,6 +37,7 @@ interface SeriesProp { scale?: string; unit?: string; showInLegend?: boolean; + showInTooltip?: boolean; } export function formatChartHour( date: Date ): string { diff --git a/client/sites/tools/monitoring/components/site-monitoring.tsx b/client/sites/tools/monitoring/components/site-monitoring.tsx index 984458c5bffed..801c0cd699249 100644 --- a/client/sites/tools/monitoring/components/site-monitoring.tsx +++ b/client/sites/tools/monitoring/components/site-monitoring.tsx @@ -587,6 +587,8 @@ export const SiteMonitoring = ( { className }: { className?: string } ) => { fill: colorToAlpha( 'WordPress Blue 50', 0.1 ), label: __( 'Requests per minute' ), stroke: colorStudio.colors[ 'WordPress Blue 50' ], + showInLegend: true, + showInTooltip: true, }, { fill: colorToAlpha( 'Yellow 30', 0.2 ), @@ -594,6 +596,8 @@ export const SiteMonitoring = ( { className }: { className?: string } ) => { stroke: colorStudio.colors[ 'Yellow 30' ], scale: 'average-response-time', unit: 'ms', + showInLegend: true, + showInTooltip: true, }, ] } isLoading={ isLoadingLineChart }