diff --git a/x-pack/plugins/apm/public/components/app/transaction_overview/index.tsx b/x-pack/plugins/apm/public/components/app/transaction_overview/index.tsx
index 97be35ec6f5b9..0814c6d95b96a 100644
--- a/x-pack/plugins/apm/public/components/app/transaction_overview/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/transaction_overview/index.tsx
@@ -83,7 +83,6 @@ export function TransactionOverview({ serviceName }: TransactionOverviewProps) {
return (
<>
-
diff --git a/x-pack/plugins/apm/public/components/shared/time_comparison/index.tsx b/x-pack/plugins/apm/public/components/shared/time_comparison/index.tsx
index 1769119593c0e..84a2dad278a9b 100644
--- a/x-pack/plugins/apm/public/components/shared/time_comparison/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/time_comparison/index.tsx
@@ -10,6 +10,7 @@ import { i18n } from '@kbn/i18n';
import moment from 'moment';
import React from 'react';
import { useHistory } from 'react-router-dom';
+import { useUiTracker } from '../../../../../observability/public';
import { euiStyled } from '../../../../../../../src/plugins/kibana_react/common';
import { getDateDifference } from '../../../../common/utils/formatters';
import { useUrlParams } from '../../../context/url_params_context/use_url_params';
@@ -132,6 +133,7 @@ function getSelectOptions({
}
export function TimeComparison() {
+ const trackApmEvent = useUiTracker({ app: 'apm' });
const history = useHistory();
const { isMedium, isLarge } = useBreakPoints();
const {
@@ -181,9 +183,17 @@ export function TimeComparison() {
})}
checked={comparisonEnabled}
onChange={() => {
+ const nextComparisonEnabledValue = !comparisonEnabled;
+ if (nextComparisonEnabledValue === false) {
+ trackApmEvent({
+ metric: 'time_comparison_disabled',
+ });
+ }
urlHelpers.push(history, {
query: {
- comparisonEnabled: Boolean(!comparisonEnabled).toString(),
+ comparisonEnabled: Boolean(
+ nextComparisonEnabledValue
+ ).toString(),
},
});
}}
@@ -191,6 +201,9 @@ export function TimeComparison() {
}
onChange={(e) => {
+ trackApmEvent({
+ metric: `time_comparison_type_change_${e.target.value}`,
+ });
urlHelpers.push(history, {
query: {
comparisonType: e.target.value,