diff --git a/assets/js/dashboard/stats/graph/graph-tooltip.js b/assets/js/dashboard/stats/graph/graph-tooltip.js index 269b6b44b4e5..ad439abc26e2 100644 --- a/assets/js/dashboard/stats/graph/graph-tooltip.js +++ b/assets/js/dashboard/stats/graph/graph-tooltip.js @@ -86,16 +86,18 @@ const buildTooltipData = function ( true ) - const value = graphData.plot[data.dataIndex] + const value = data && graphData.plot?.[data.dataIndex] const formatter = MetricFormatterShort[metric] - const comparisonValue = graphData.comparison_plot?.[comparisonData.dataIndex] + const comparisonValue = + comparisonData && graphData.comparison_plot?.[comparisonData.dataIndex] const comparisonDifference = label && comparisonData && + value && calculatePercentageDifference(comparisonValue, value) - const formattedValue = formatter(value) + const formattedValue = value && formatter(value) const formattedComparisonValue = comparisonData && formatter(comparisonValue) return { @@ -151,6 +153,11 @@ export default function GraphTooltip(graphData, metric, dashboardState, theme) { tooltipModel ) + if (!tooltipData.label) { + tooltipEl.style.display = 'none' + return + } + tooltipRoot.render(