diff --git a/x-pack/plugins/lens/public/index.ts b/x-pack/plugins/lens/public/index.ts
index cedb648215c0e..fcfed9b9f1fc5 100644
--- a/x-pack/plugins/lens/public/index.ts
+++ b/x-pack/plugins/lens/public/index.ts
@@ -33,6 +33,7 @@ export type {
   IndexPatternPersistedState,
   PersistedIndexPatternLayer,
   IndexPatternColumn,
+  FieldBasedIndexPatternColumn,
   OperationType,
   IncompleteColumn,
   FiltersIndexPatternColumn,
diff --git a/x-pack/plugins/lens/public/indexpattern_datasource/types.ts b/x-pack/plugins/lens/public/indexpattern_datasource/types.ts
index 79155184a5f6d..18f653c588ee8 100644
--- a/x-pack/plugins/lens/public/indexpattern_datasource/types.ts
+++ b/x-pack/plugins/lens/public/indexpattern_datasource/types.ts
@@ -11,6 +11,7 @@ import { IndexPatternAggRestrictions } from '../../../../../src/plugins/data/pub
 import { DragDropIdentifier } from '../drag_drop/providers';
 
 export {
+  FieldBasedIndexPatternColumn,
   IndexPatternColumn,
   OperationType,
   IncompleteColumn,
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_latency_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_latency_config.ts
index 3fcf98f712bef..7af3252584819 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_latency_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_latency_config.ts
@@ -8,7 +8,6 @@
 import { ConfigProps, DataSeries } from '../../types';
 import { FieldLabels } from '../constants';
 import { buildPhraseFilter } from '../utils';
-import { OperationType } from '../../../../../../../lens/public';
 
 export function getServiceLatencyLensConfig({ seriesId, indexPattern }: ConfigProps): DataSeries {
   return {
@@ -20,11 +19,11 @@ export function getServiceLatencyLensConfig({ seriesId, indexPattern }: ConfigPr
       sourceField: '@timestamp',
     },
     yAxisColumn: {
-      operationType: 'average' as OperationType,
+      operationType: 'average',
       sourceField: 'transaction.duration.us',
       label: 'Latency',
     },
-    hasMetricType: true,
+    hasOperationType: true,
     defaultFilters: [
       'user_agent.name',
       'user_agent.os.name',
@@ -37,7 +36,7 @@ export function getServiceLatencyLensConfig({ seriesId, indexPattern }: ConfigPr
       'client.geo.country_name',
       'user_agent.device.name',
     ],
-    filters: [buildPhraseFilter('transaction.type', 'request', indexPattern)],
+    filters: buildPhraseFilter('transaction.type', 'request', indexPattern),
     labels: { ...FieldLabels },
     reportDefinitions: [
       {
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_throughput_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_throughput_config.ts
index c0f3d6dc9b010..7b1d472ac8bbf 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_throughput_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/apm/service_throughput_config.ts
@@ -8,7 +8,6 @@
 import { ConfigProps, DataSeries } from '../../types';
 import { FieldLabels } from '../constants/constants';
 import { buildPhraseFilter } from '../utils';
-import { OperationType } from '../../../../../../../lens/public';
 
 export function getServiceThroughputLensConfig({
   seriesId,
@@ -16,18 +15,18 @@ export function getServiceThroughputLensConfig({
 }: ConfigProps): DataSeries {
   return {
     id: seriesId,
-    reportType: 'service-latency',
+    reportType: 'service-throughput',
     defaultSeriesType: 'line',
     seriesTypes: ['line', 'bar'],
     xAxisColumn: {
       sourceField: '@timestamp',
     },
     yAxisColumn: {
-      operationType: 'average' as OperationType,
+      operationType: 'average',
       sourceField: 'transaction.duration.us',
       label: 'Throughput',
     },
-    hasMetricType: true,
+    hasOperationType: true,
     defaultFilters: [
       'user_agent.name',
       'user_agent.os.name',
@@ -40,7 +39,7 @@ export function getServiceThroughputLensConfig({
       'client.geo.country_name',
       'user_agent.device.name',
     ],
-    filters: [buildPhraseFilter('transaction.type', 'request', indexPattern)],
+    filters: buildPhraseFilter('transaction.type', 'request', indexPattern),
     labels: { ...FieldLabels },
     reportDefinitions: [
       {
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/constants.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/constants.ts
index ed849c1eb47b3..14cd24c42e6a2 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/constants.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/constants.ts
@@ -8,6 +8,8 @@
 import { AppDataType, ReportViewTypeId } from '../../types';
 import { CLS_FIELD, FCP_FIELD, FID_FIELD, LCP_FIELD, TBT_FIELD } from './elasticsearch_fieldnames';
 
+export const DEFAULT_TIME = { from: 'now-1h', to: 'now' };
+
 export const FieldLabels: Record<string, string> = {
   'user_agent.name': 'Browser family',
   'user_agent.version': 'Browser version',
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/url_constants.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/url_constants.ts
index 5b99c19dbabb7..67d72a656744c 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/url_constants.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/url_constants.ts
@@ -6,7 +6,7 @@
  */
 
 export enum URL_KEYS {
-  METRIC_TYPE = 'mt',
+  OPERATION_TYPE = 'op',
   REPORT_TYPE = 'rt',
   SERIES_TYPE = 'st',
   BREAK_DOWN = 'bd',
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.test.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.test.ts
index 139f3ab0d82ed..0de78c45041d4 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.test.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.test.ts
@@ -42,14 +42,18 @@ describe('Lens Attribute', () => {
   it('should return expected field type', function () {
     expect(JSON.stringify(lnsAttr.getFieldMeta('transaction.type'))).toEqual(
       JSON.stringify({
-        count: 0,
-        name: 'transaction.type',
-        type: 'string',
-        esTypes: ['keyword'],
-        scripted: false,
-        searchable: true,
-        aggregatable: true,
-        readFromDocValues: true,
+        fieldMeta: {
+          count: 0,
+          name: 'transaction.type',
+          type: 'string',
+          esTypes: ['keyword'],
+          scripted: false,
+          searchable: true,
+          aggregatable: true,
+          readFromDocValues: true,
+        },
+        fieldName: 'transaction.type',
+        columnType: null,
       })
     );
   });
@@ -57,14 +61,18 @@ describe('Lens Attribute', () => {
   it('should return expected field type for custom field with default value', function () {
     expect(JSON.stringify(lnsAttr.getFieldMeta('performance.metric'))).toEqual(
       JSON.stringify({
-        count: 0,
-        name: 'transaction.duration.us',
-        type: 'number',
-        esTypes: ['long'],
-        scripted: false,
-        searchable: true,
-        aggregatable: true,
-        readFromDocValues: true,
+        fieldMeta: {
+          count: 0,
+          name: 'transaction.duration.us',
+          type: 'number',
+          esTypes: ['long'],
+          scripted: false,
+          searchable: true,
+          aggregatable: true,
+          readFromDocValues: true,
+        },
+        fieldName: 'transaction.duration.us',
+        columnType: null,
       })
     );
   });
@@ -76,20 +84,45 @@ describe('Lens Attribute', () => {
 
     expect(JSON.stringify(lnsAttr.getFieldMeta('performance.metric'))).toEqual(
       JSON.stringify({
-        count: 0,
-        name: LCP_FIELD,
-        type: 'number',
-        esTypes: ['scaled_float'],
-        scripted: false,
-        searchable: true,
-        aggregatable: true,
-        readFromDocValues: true,
+        fieldMeta: {
+          count: 0,
+          name: LCP_FIELD,
+          type: 'number',
+          esTypes: ['scaled_float'],
+          scripted: false,
+          searchable: true,
+          aggregatable: true,
+          readFromDocValues: true,
+        },
+        fieldName: LCP_FIELD,
       })
     );
   });
 
-  it('should return expected number column', function () {
-    expect(lnsAttr.getNumberColumn('transaction.duration.us')).toEqual({
+  it('should return expected number range column', function () {
+    expect(lnsAttr.getNumberRangeColumn('transaction.duration.us')).toEqual({
+      dataType: 'number',
+      isBucketed: true,
+      label: 'Page load time (Seconds)',
+      operationType: 'range',
+      params: {
+        maxBars: 'auto',
+        ranges: [
+          {
+            from: 0,
+            label: '',
+            to: 1000,
+          },
+        ],
+        type: 'histogram',
+      },
+      scale: 'interval',
+      sourceField: 'transaction.duration.us',
+    });
+  });
+
+  it('should return expected number operation column', function () {
+    expect(lnsAttr.getNumberRangeColumn('transaction.duration.us')).toEqual({
       dataType: 'number',
       isBucketed: true,
       label: 'Page load time (Seconds)',
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.ts
index 589a93d160068..12a5b19fb02fc 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes.ts
@@ -5,10 +5,14 @@
  * 2.0.
  */
 
+import { i18n } from '@kbn/i18n';
+import { capitalize } from 'lodash';
 import {
   CountIndexPatternColumn,
   DateHistogramIndexPatternColumn,
-  LastValueIndexPatternColumn,
+  AvgIndexPatternColumn,
+  MedianIndexPatternColumn,
+  PercentileIndexPatternColumn,
   OperationType,
   PersistedIndexPatternLayer,
   RangeIndexPatternColumn,
@@ -17,6 +21,8 @@ import {
   XYState,
   XYCurveType,
   DataType,
+  OperationMetadata,
+  FieldBasedIndexPatternColumn,
 } from '../../../../../../lens/public';
 import {
   buildPhraseFilter,
@@ -30,6 +36,15 @@ function getLayerReferenceName(layerId: string) {
   return `indexpattern-datasource-layer-${layerId}`;
 }
 
+function buildNumberColumn(sourceField: string) {
+  return {
+    sourceField,
+    dataType: 'number' as DataType,
+    isBucketed: false,
+    scale: 'ratio' as OperationMetadata['scale'],
+  };
+}
+
 export class LensAttributes {
   indexPattern: IndexPattern;
   layers: Record<string, PersistedIndexPatternLayer>;
@@ -44,7 +59,7 @@ export class LensAttributes {
     reportViewConfig: DataSeries,
     seriesType?: SeriesType,
     filters?: UrlFilter[],
-    metricType?: OperationType,
+    operationType?: OperationType,
     reportDefinitions?: Record<string, string>
   ) {
     this.indexPattern = indexPattern;
@@ -52,8 +67,8 @@ export class LensAttributes {
     this.filters = filters ?? [];
     this.reportDefinitions = reportDefinitions ?? {};
 
-    if (typeof reportViewConfig.yAxisColumn.operationType !== undefined && metricType) {
-      reportViewConfig.yAxisColumn.operationType = metricType;
+    if (typeof reportViewConfig.yAxisColumn.operationType !== undefined && operationType) {
+      reportViewConfig.yAxisColumn.operationType = operationType as FieldBasedIndexPatternColumn['operationType'];
     }
     this.seriesType = seriesType ?? reportViewConfig.defaultSeriesType;
     this.reportViewConfig = reportViewConfig;
@@ -93,7 +108,7 @@ export class LensAttributes {
     this.visualization.layers[0].splitAccessor = undefined;
   }
 
-  getNumberColumn(sourceField: string): RangeIndexPatternColumn {
+  getNumberRangeColumn(sourceField: string): RangeIndexPatternColumn {
     return {
       sourceField,
       label: this.reportViewConfig.labels[sourceField],
@@ -109,6 +124,38 @@ export class LensAttributes {
     };
   }
 
+  getNumberOperationColumn(
+    sourceField: string,
+    operationType: 'average' | 'median'
+  ): AvgIndexPatternColumn | MedianIndexPatternColumn {
+    return {
+      ...buildNumberColumn(sourceField),
+      label: i18n.translate('xpack.observability.expView.columns.operation.label', {
+        defaultMessage: '{operationType} of {sourceField}',
+        values: {
+          sourceField: this.reportViewConfig.labels[sourceField],
+          operationType: capitalize(operationType),
+        },
+      }),
+      operationType,
+    };
+  }
+
+  getPercentileNumberColumn(
+    sourceField: string,
+    percentileValue: string
+  ): PercentileIndexPatternColumn {
+    return {
+      ...buildNumberColumn(sourceField),
+      label: i18n.translate('xpack.observability.expView.columns.label', {
+        defaultMessage: '{percentileValue} percentile of {sourceField}',
+        values: { sourceField, percentileValue },
+      }),
+      operationType: 'percentile',
+      params: { percentile: Number(percentileValue.split('th')[0]) },
+    };
+  }
+
   getDateHistogramColumn(sourceField: string): DateHistogramIndexPatternColumn {
     return {
       sourceField,
@@ -121,56 +168,89 @@ export class LensAttributes {
     };
   }
 
-  getXAxis():
-    | LastValueIndexPatternColumn
-    | DateHistogramIndexPatternColumn
-    | RangeIndexPatternColumn {
+  getXAxis() {
     const { xAxisColumn } = this.reportViewConfig;
 
-    const { type: fieldType, name: fieldName } = this.getFieldMeta(xAxisColumn.sourceField)!;
+    return this.getColumnBasedOnType(xAxisColumn.sourceField!);
+  }
+
+  getColumnBasedOnType(sourceField: string, operationType?: OperationType) {
+    const { fieldMeta, columnType, fieldName } = this.getFieldMeta(sourceField);
+    const { type: fieldType } = fieldMeta ?? {};
+
+    if (fieldName === 'Records') {
+      return this.getRecordsColumn();
+    }
 
     if (fieldType === 'date') {
       return this.getDateHistogramColumn(fieldName);
     }
     if (fieldType === 'number') {
-      return this.getNumberColumn(fieldName);
+      if (columnType === 'operation' || operationType) {
+        if (operationType === 'median' || operationType === 'average') {
+          return this.getNumberOperationColumn(fieldName, operationType);
+        }
+        if (operationType?.includes('th')) {
+          return this.getPercentileNumberColumn(sourceField, operationType);
+        }
+      }
+      return this.getNumberRangeColumn(fieldName);
     }
 
     // FIXME review my approach again
     return this.getDateHistogramColumn(fieldName);
   }
 
-  getFieldMeta(sourceField?: string) {
-    let xAxisField = sourceField;
+  getCustomFieldName(sourceField: string) {
+    let fieldName = sourceField;
+    let columnType = null;
 
-    if (xAxisField) {
-      const rdf = this.reportViewConfig.reportDefinitions ?? [];
+    const rdf = this.reportViewConfig.reportDefinitions ?? [];
 
-      const customField = rdf.find(({ field }) => field === xAxisField);
+    const customField = rdf.find(({ field }) => field === fieldName);
 
-      if (customField) {
-        if (this.reportDefinitions[xAxisField]) {
-          xAxisField = this.reportDefinitions[xAxisField];
-        } else if (customField.defaultValue) {
-          xAxisField = customField.defaultValue;
-        } else if (customField.options?.[0].field) {
-          xAxisField = customField.options?.[0].field;
-        }
+    if (customField) {
+      if (this.reportDefinitions[fieldName]) {
+        fieldName = this.reportDefinitions[fieldName];
+        if (customField?.options)
+          columnType = customField?.options?.find(({ field }) => field === fieldName)?.columnType;
+      } else if (customField.defaultValue) {
+        fieldName = customField.defaultValue;
+      } else if (customField.options?.[0].field) {
+        fieldName = customField.options?.[0].field;
+        columnType = customField.options?.[0].columnType;
       }
-
-      return this.indexPattern.getFieldByName(xAxisField);
     }
+
+    return { fieldName, columnType };
+  }
+
+  getFieldMeta(sourceField: string) {
+    const { fieldName, columnType } = this.getCustomFieldName(sourceField);
+
+    const fieldMeta = this.indexPattern.getFieldByName(fieldName);
+
+    return { fieldMeta, fieldName, columnType };
   }
 
   getMainYAxis() {
+    const { sourceField, operationType, label } = this.reportViewConfig.yAxisColumn;
+
+    if (sourceField === 'Records' || !sourceField) {
+      return this.getRecordsColumn(label);
+    }
+
+    return this.getColumnBasedOnType(sourceField!, operationType);
+  }
+
+  getRecordsColumn(label?: string): CountIndexPatternColumn {
     return {
       dataType: 'number',
       isBucketed: false,
-      label: 'Count of records',
+      label: label || 'Count of records',
       operationType: 'count',
       scale: 'ratio',
       sourceField: 'Records',
-      ...this.reportViewConfig.yAxisColumn,
     } as CountIndexPatternColumn;
   }
 
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/logs/logs_frequency_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/logs/logs_frequency_config.ts
index 8a27d7ddd428b..9f8a336b59d34 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/logs/logs_frequency_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/logs/logs_frequency_config.ts
@@ -24,7 +24,7 @@ export function getLogsFrequencyLensConfig({ seriesId }: Props): DataSeries {
     yAxisColumn: {
       operationType: 'count',
     },
-    hasMetricType: false,
+    hasOperationType: false,
     defaultFilters: [],
     breakdowns: ['agent.hostname'],
     filters: [],
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/cpu_usage_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/cpu_usage_config.ts
index 6214975d8f1dd..d4b807de11f4e 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/cpu_usage_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/cpu_usage_config.ts
@@ -7,7 +7,6 @@
 
 import { DataSeries } from '../../types';
 import { FieldLabels } from '../constants';
-import { OperationType } from '../../../../../../../lens/public';
 
 interface Props {
   seriesId: string;
@@ -23,11 +22,11 @@ export function getCPUUsageLensConfig({ seriesId }: Props): DataSeries {
       sourceField: '@timestamp',
     },
     yAxisColumn: {
-      operationType: 'average' as OperationType,
+      operationType: 'average',
       sourceField: 'system.cpu.user.pct',
       label: 'CPU Usage %',
     },
-    hasMetricType: true,
+    hasOperationType: true,
     defaultFilters: [],
     breakdowns: ['host.hostname'],
     filters: [],
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/memory_usage_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/memory_usage_config.ts
index 6f46c175f7882..38d1c425fc09a 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/memory_usage_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/memory_usage_config.ts
@@ -7,7 +7,6 @@
 
 import { DataSeries } from '../../types';
 import { FieldLabels } from '../constants';
-import { OperationType } from '../../../../../../../lens/public';
 
 interface Props {
   seriesId: string;
@@ -23,11 +22,11 @@ export function getMemoryUsageLensConfig({ seriesId }: Props): DataSeries {
       sourceField: '@timestamp',
     },
     yAxisColumn: {
-      operationType: 'average' as OperationType,
+      operationType: 'average',
       sourceField: 'system.memory.used.pct',
       label: 'Memory Usage %',
     },
-    hasMetricType: true,
+    hasOperationType: true,
     defaultFilters: [],
     breakdowns: ['host.hostname'],
     filters: [],
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/network_activity_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/network_activity_config.ts
index 1bc9fed9c3f80..07a521225b38d 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/network_activity_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/metrics/network_activity_config.ts
@@ -7,7 +7,6 @@
 
 import { DataSeries } from '../../types';
 import { FieldLabels } from '../constants';
-import { OperationType } from '../../../../../../../lens/public';
 
 interface Props {
   seriesId: string;
@@ -23,10 +22,10 @@ export function getNetworkActivityLensConfig({ seriesId }: Props): DataSeries {
       sourceField: '@timestamp',
     },
     yAxisColumn: {
-      operationType: 'average' as OperationType,
+      operationType: 'average',
       sourceField: 'system.memory.used.pct',
     },
-    hasMetricType: true,
+    hasOperationType: true,
     defaultFilters: [],
     breakdowns: ['host.hostname'],
     filters: [],
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/kpi_trends_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/kpi_trends_config.ts
index a1a3acd51f89c..cd38d912850cf 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/kpi_trends_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/kpi_trends_config.ts
@@ -10,14 +10,21 @@ import { FieldLabels } from '../constants';
 import { buildPhraseFilter } from '../utils';
 import {
   CLIENT_GEO_COUNTRY_NAME,
+  CLS_FIELD,
+  FCP_FIELD,
+  FID_FIELD,
+  LCP_FIELD,
   PROCESSOR_EVENT,
   SERVICE_ENVIRONMENT,
   SERVICE_NAME,
+  TBT_FIELD,
+  TRANSACTION_DURATION,
   TRANSACTION_TYPE,
   USER_AGENT_DEVICE,
   USER_AGENT_NAME,
   USER_AGENT_OS,
   USER_AGENT_VERSION,
+  TRANSACTION_TIME_TO_FIRST_BYTE,
 } from '../constants/elasticsearch_fieldnames';
 
 export function getKPITrendsLensConfig({ seriesId, indexPattern }: ConfigProps): DataSeries {
@@ -30,10 +37,10 @@ export function getKPITrendsLensConfig({ seriesId, indexPattern }: ConfigProps):
       sourceField: '@timestamp',
     },
     yAxisColumn: {
-      operationType: 'count',
-      label: 'Page views',
+      sourceField: 'business.kpi',
+      operationType: 'median',
     },
-    hasMetricType: false,
+    hasOperationType: false,
     defaultFilters: [
       USER_AGENT_OS,
       CLIENT_GEO_COUNTRY_NAME,
@@ -45,10 +52,10 @@ export function getKPITrendsLensConfig({ seriesId, indexPattern }: ConfigProps):
     ],
     breakdowns: [USER_AGENT_NAME, USER_AGENT_OS, CLIENT_GEO_COUNTRY_NAME, USER_AGENT_DEVICE],
     filters: [
-      buildPhraseFilter(TRANSACTION_TYPE, 'page-load', indexPattern),
-      buildPhraseFilter(PROCESSOR_EVENT, 'transaction', indexPattern),
+      ...buildPhraseFilter(TRANSACTION_TYPE, 'page-load', indexPattern),
+      ...buildPhraseFilter(PROCESSOR_EVENT, 'transaction', indexPattern),
     ],
-    labels: { ...FieldLabels, SERVICE_NAME: 'Web Application' },
+    labels: { ...FieldLabels, [SERVICE_NAME]: 'Web Application' },
     reportDefinitions: [
       {
         field: SERVICE_NAME,
@@ -58,14 +65,18 @@ export function getKPITrendsLensConfig({ seriesId, indexPattern }: ConfigProps):
         field: SERVICE_ENVIRONMENT,
       },
       {
-        field: 'Business.KPI',
+        field: 'business.kpi',
         custom: true,
         defaultValue: 'Records',
         options: [
-          {
-            field: 'Records',
-            label: 'Page views',
-          },
+          { field: 'Records', label: 'Page views' },
+          { label: 'Page load time', field: TRANSACTION_DURATION, columnType: 'operation' },
+          { label: 'Backend time', field: TRANSACTION_TIME_TO_FIRST_BYTE, columnType: 'operation' },
+          { label: 'First contentful paint', field: FCP_FIELD, columnType: 'operation' },
+          { label: 'Total blocking time', field: TBT_FIELD, columnType: 'operation' },
+          { label: 'Largest contentful paint', field: LCP_FIELD, columnType: 'operation' },
+          { label: 'First input delay', field: FID_FIELD, columnType: 'operation' },
+          { label: 'Cumulative layout shift', field: CLS_FIELD, columnType: 'operation' },
         ],
       },
     ],
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/performance_dist_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/performance_dist_config.ts
index 7005dea29d60d..4b6d5dd6e741b 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/performance_dist_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/rum/performance_dist_config.ts
@@ -19,6 +19,7 @@ import {
   SERVICE_NAME,
   TBT_FIELD,
   TRANSACTION_DURATION,
+  TRANSACTION_TIME_TO_FIRST_BYTE,
   TRANSACTION_TYPE,
   USER_AGENT_DEVICE,
   USER_AGENT_NAME,
@@ -36,10 +37,10 @@ export function getPerformanceDistLensConfig({ seriesId, indexPattern }: ConfigP
       sourceField: 'performance.metric',
     },
     yAxisColumn: {
-      operationType: 'count',
+      sourceField: 'Records',
       label: 'Pages loaded',
     },
-    hasMetricType: false,
+    hasOperationType: false,
     defaultFilters: [
       USER_AGENT_OS,
       CLIENT_GEO_COUNTRY_NAME,
@@ -64,6 +65,7 @@ export function getPerformanceDistLensConfig({ seriesId, indexPattern }: ConfigP
         defaultValue: TRANSACTION_DURATION,
         options: [
           { label: 'Page load time', field: TRANSACTION_DURATION },
+          { label: 'Backend time', field: TRANSACTION_TIME_TO_FIRST_BYTE },
           { label: 'First contentful paint', field: FCP_FIELD },
           { label: 'Total blocking time', field: TBT_FIELD },
           // FIXME, review if we need these descriptions
@@ -74,8 +76,8 @@ export function getPerformanceDistLensConfig({ seriesId, indexPattern }: ConfigP
       },
     ],
     filters: [
-      buildPhraseFilter(TRANSACTION_TYPE, 'page-load', indexPattern),
-      buildPhraseFilter(PROCESSOR_EVENT, 'transaction', indexPattern),
+      ...buildPhraseFilter(TRANSACTION_TYPE, 'page-load', indexPattern),
+      ...buildPhraseFilter(PROCESSOR_EVENT, 'transaction', indexPattern),
     ],
     labels: {
       ...FieldLabels,
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/field_formats.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/field_formats.ts
index 4f036f0b9be65..8dad1839f0bcd 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/field_formats.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/field_formats.ts
@@ -16,6 +16,7 @@ export const syntheticsFieldFormats: FieldFormat[] = [
         inputFormat: 'microseconds',
         outputFormat: 'asMilliseconds',
         outputPrecision: 0,
+        showSuffix: true,
       },
     },
   },
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_duration_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_duration_config.ts
index f0ec3f0c31bef..efbc3d14441c2 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_duration_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_duration_config.ts
@@ -6,8 +6,7 @@
  */
 
 import { DataSeries } from '../../types';
-import { FieldLabels } from '../constants/constants';
-import { OperationType } from '../../../../../../../lens/public';
+import { FieldLabels } from '../constants';
 
 interface Props {
   seriesId: string;
@@ -23,11 +22,11 @@ export function getMonitorDurationConfig({ seriesId }: Props): DataSeries {
       sourceField: '@timestamp',
     },
     yAxisColumn: {
-      operationType: 'average' as OperationType,
+      operationType: 'average',
       sourceField: 'monitor.duration.us',
       label: 'Monitor duration (ms)',
     },
-    hasMetricType: true,
+    hasOperationType: true,
     defaultFilters: ['monitor.type', 'observer.geo.name', 'tags'],
     breakdowns: [
       'observer.geo.name',
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_pings_config.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_pings_config.ts
index 40c9f5750fb4d..68a36dcdcaf85 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_pings_config.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/synthetics/monitor_pings_config.ts
@@ -25,7 +25,7 @@ export function getMonitorPingsConfig({ seriesId }: Props): DataSeries {
       operationType: 'count',
       label: 'Monitor pings',
     },
-    hasMetricType: false,
+    hasOperationType: false,
     defaultFilters: ['observer.geo.name'],
     breakdowns: ['monitor.status', 'observer.geo.name', 'monitor.type'],
     filters: [],
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/utils.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/utils.ts
index c885673134786..c6b7b5d92d5f8 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/utils.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/utils.ts
@@ -13,7 +13,7 @@ import { URL_KEYS } from './constants/url_constants';
 
 export function convertToShortUrl(series: SeriesUrl) {
   const {
-    metric,
+    operationType,
     seriesType,
     reportType,
     breakdown,
@@ -23,7 +23,7 @@ export function convertToShortUrl(series: SeriesUrl) {
   } = series;
 
   return {
-    [URL_KEYS.METRIC_TYPE]: metric,
+    [URL_KEYS.OPERATION_TYPE]: operationType,
     [URL_KEYS.REPORT_TYPE]: reportType,
     [URL_KEYS.SERIES_TYPE]: seriesType,
     [URL_KEYS.BREAK_DOWN]: breakdown,
@@ -49,6 +49,9 @@ export function createExploratoryViewUrl(allSeries: AllSeries, baseHref = '') {
 }
 
 export function buildPhraseFilter(field: string, value: any, indexPattern: IIndexPattern) {
-  const fieldMeta = indexPattern.fields.find((fieldT) => fieldT.name === field)!;
-  return esFilters.buildPhraseFilter(fieldMeta, value, indexPattern);
+  const fieldMeta = indexPattern.fields.find((fieldT) => fieldT.name === field);
+  if (fieldMeta) {
+    return [esFilters.buildPhraseFilter(fieldMeta, value, indexPattern)];
+  }
+  return [];
 }
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx
index 0e7bc80e8659c..6bc069aafa5b8 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx
@@ -6,8 +6,7 @@
  */
 import { i18n } from '@kbn/i18n';
 import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { EuiLoadingSpinner, EuiPanel, EuiTitle } from '@elastic/eui';
+import { EuiPanel, EuiTitle } from '@elastic/eui';
 import { useKibana } from '../../../../../../../src/plugins/kibana_react/public';
 import { ObservabilityPublicPluginsStart } from '../../../plugin';
 import { ExploratoryViewHeader } from './header/header';
@@ -15,7 +14,6 @@ import { SeriesEditor } from './series_editor/series_editor';
 import { useUrlStorage } from './hooks/use_url_storage';
 import { useLensAttributes } from './hooks/use_lens_attributes';
 import { EmptyView } from './components/empty_view';
-import { useIndexPatternContext } from './hooks/use_default_index_pattern';
 import { TypedLensByValueInput } from '../../../../../lens/public';
 
 export function ExploratoryView() {
@@ -27,15 +25,12 @@ export function ExploratoryView() {
     null
   );
 
-  const { indexPattern } = useIndexPatternContext();
-
   const LensComponent = lens?.EmbeddableComponent;
 
   const { firstSeriesId: seriesId, firstSeries: series } = useUrlStorage();
 
   const lensAttributesT = useLensAttributes({
     seriesId,
-    indexPattern,
   });
 
   useEffect(() => {
@@ -48,11 +43,6 @@ export function ExploratoryView() {
       {lens ? (
         <>
           <ExploratoryViewHeader lensAttributes={lensAttributes} seriesId={seriesId} />
-          {!indexPattern && (
-            <SpinnerWrap>
-              <EuiLoadingSpinner size="xl" />
-            </SpinnerWrap>
-          )}
           {lensAttributes && seriesId && series?.reportType && series?.time ? (
             <LensComponent
               id="exploratoryView"
@@ -78,10 +68,3 @@ export function ExploratoryView() {
     </EuiPanel>
   );
 }
-
-const SpinnerWrap = styled.div`
-  height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_default_index_pattern.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_default_index_pattern.tsx
index 7ead7d5e3cfad..c5a4d02492662 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_default_index_pattern.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_default_index_pattern.tsx
@@ -39,6 +39,7 @@ export function IndexPatternContextProvider({
   } = useKibana<ObservabilityPublicPluginsStart>();
 
   const loadIndexPattern = async (dataType: AppDataType) => {
+    setIndexPattern(undefined);
     const obsvIndexP = new ObservabilityIndexPatterns(data);
     const indPattern = await obsvIndexP.getIndexPattern(dataType);
     setIndexPattern(indPattern!);
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_init_exploratory_view.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_init_exploratory_view.ts
index 76fd64ef86736..de4343b290118 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_init_exploratory_view.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_init_exploratory_view.ts
@@ -27,15 +27,17 @@ export const useInitExploratoryView = (storage: IKbnUrlStateStorage) => {
 
   const firstSeries = allSeries[firstSeriesId];
 
+  let dataType: DataType = firstSeries?.dataType ?? 'rum';
+
+  if (firstSeries?.rt) {
+    dataType = ReportToDataTypeMap[firstSeries?.rt];
+  }
+
   const { data: indexPattern, error } = useFetcher(() => {
     const obsvIndexP = new ObservabilityIndexPatterns(data);
-    let reportType: DataType = 'apm';
-    if (firstSeries?.rt) {
-      reportType = ReportToDataTypeMap[firstSeries?.rt];
-    }
 
-    return obsvIndexP.getIndexPattern(reportType);
-  }, [firstSeries?.rt, data]);
+    return obsvIndexP.getIndexPattern(dataType);
+  }, [dataType, data]);
 
   if (error) {
     throw error;
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_lens_attributes.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_lens_attributes.ts
index 274542380c137..555b21618c4b2 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_lens_attributes.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_lens_attributes.ts
@@ -11,12 +11,11 @@ import { LensAttributes } from '../configurations/lens_attributes';
 import { useUrlStorage } from './use_url_storage';
 import { getDefaultConfigs } from '../configurations/default_configs';
 
-import { IndexPattern } from '../../../../../../../../src/plugins/data/common';
 import { DataSeries, SeriesUrl, UrlFilter } from '../types';
+import { useIndexPatternContext } from './use_default_index_pattern';
 
 interface Props {
   seriesId: string;
-  indexPattern?: IndexPattern | null;
 }
 
 export const getFiltersFromDefs = (
@@ -39,12 +38,12 @@ export const getFiltersFromDefs = (
 
 export const useLensAttributes = ({
   seriesId,
-  indexPattern,
 }: Props): TypedLensByValueInput['attributes'] | null => {
   const { series } = useUrlStorage(seriesId);
 
-  const { breakdown, seriesType, metric: metricType, reportType, reportDefinitions = {} } =
-    series ?? {};
+  const { breakdown, seriesType, operationType, reportType, reportDefinitions = {} } = series ?? {};
+
+  const { indexPattern } = useIndexPatternContext();
 
   return useMemo(() => {
     if (!indexPattern || !reportType) {
@@ -66,7 +65,7 @@ export const useLensAttributes = ({
       dataViewConfig,
       seriesType,
       filters,
-      metricType,
+      operationType,
       reportDefinitions
     );
 
@@ -79,7 +78,7 @@ export const useLensAttributes = ({
     indexPattern,
     breakdown,
     seriesType,
-    metricType,
+    operationType,
     reportType,
     reportDefinitions,
     seriesId,
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_url_storage.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_url_storage.tsx
index 6256b3b134f8c..a4fe15025245a 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_url_storage.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_url_storage.tsx
@@ -26,9 +26,9 @@ export function UrlStorageContextProvider({
 }
 
 function convertFromShortUrl(newValue: ShortUrlSeries): SeriesUrl {
-  const { mt, st, rt, bd, ft, time, rdf, ...restSeries } = newValue;
+  const { op, st, rt, bd, ft, time, rdf, ...restSeries } = newValue;
   return {
-    metric: mt,
+    operationType: op,
     reportType: rt!,
     seriesType: st,
     breakdown: bd,
@@ -40,7 +40,7 @@ function convertFromShortUrl(newValue: ShortUrlSeries): SeriesUrl {
 }
 
 interface ShortUrlSeries {
-  [URL_KEYS.METRIC_TYPE]?: OperationType;
+  [URL_KEYS.OPERATION_TYPE]?: OperationType;
   [URL_KEYS.REPORT_TYPE]?: ReportViewTypeId;
   [URL_KEYS.SERIES_TYPE]?: SeriesType;
   [URL_KEYS.BREAK_DOWN]?: string;
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_types.test.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/chart_types.test.tsx
similarity index 74%
rename from x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_types.test.tsx
rename to x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/chart_types.test.tsx
index f291d0de4dac0..bac935dbecbe7 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_types.test.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/chart_types.test.tsx
@@ -7,14 +7,14 @@
 
 import React from 'react';
 import { fireEvent, screen, waitFor } from '@testing-library/react';
-import { SeriesChartTypes, XYChartTypes } from './chart_types';
 import { mockUrlStorage, render } from '../../rtl_helpers';
+import { SeriesChartTypesSelect, XYChartTypesSelect } from './chart_types';
 
-describe.skip('SeriesChartTypes', function () {
+describe.skip('SeriesChartTypesSelect', function () {
   it('should render properly', async function () {
     mockUrlStorage({});
 
-    render(<SeriesChartTypes seriesId={'series-id'} defaultChartType={'line'} />);
+    render(<SeriesChartTypesSelect seriesId={'series-id'} defaultChartType={'line'} />);
 
     await waitFor(() => {
       screen.getByText(/chart type/i);
@@ -24,7 +24,7 @@ describe.skip('SeriesChartTypes', function () {
   it('should call set series on change', async function () {
     const { setSeries } = mockUrlStorage({});
 
-    render(<SeriesChartTypes seriesId={'series-id'} defaultChartType={'line'} />);
+    render(<SeriesChartTypesSelect seriesId={'series-id'} defaultChartType={'line'} />);
 
     await waitFor(() => {
       screen.getByText(/chart type/i);
@@ -42,11 +42,11 @@ describe.skip('SeriesChartTypes', function () {
     expect(setSeries).toHaveBeenCalledTimes(3);
   });
 
-  describe('XYChartTypes', function () {
+  describe('XYChartTypesSelect', function () {
     it('should render properly', async function () {
       mockUrlStorage({});
 
-      render(<XYChartTypes value={'line'} onChange={jest.fn()} label={'Chart type'} />);
+      render(<XYChartTypesSelect value={'line'} onChange={jest.fn()} label={'Chart type'} />);
 
       await waitFor(() => {
         screen.getByText(/chart type/i);
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/chart_types.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/chart_types.tsx
new file mode 100644
index 0000000000000..029c39df13aad
--- /dev/null
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/chart_types.tsx
@@ -0,0 +1,104 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSuperSelect } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import { useKibana } from '../../../../../../../../../src/plugins/kibana_react/public';
+import { ObservabilityPublicPluginsStart } from '../../../../../plugin';
+import { useFetcher } from '../../../../..';
+import { useUrlStorage } from '../../hooks/use_url_storage';
+import { SeriesType } from '../../../../../../../lens/public';
+
+export function SeriesChartTypesSelect({
+  seriesId,
+  defaultChartType,
+}: {
+  seriesId: string;
+  defaultChartType: SeriesType;
+}) {
+  const { series, setSeries, allSeries } = useUrlStorage(seriesId);
+
+  const seriesType = series?.seriesType ?? defaultChartType;
+
+  const onChange = (value: SeriesType) => {
+    Object.keys(allSeries).forEach((seriesKey) => {
+      const seriesN = allSeries[seriesKey];
+
+      setSeries(seriesKey, { ...seriesN, seriesType: value });
+    });
+  };
+
+  return (
+    <XYChartTypesSelect
+      onChange={onChange}
+      value={seriesType}
+      excludeChartTypes={['bar_percentage_stacked']}
+      label={i18n.translate('xpack.observability.expView.chartTypes.label', {
+        defaultMessage: 'Chart type',
+      })}
+      includeChartTypes={['bar', 'bar_horizontal', 'line', 'area', 'bar_stacked', 'area_stacked']}
+    />
+  );
+}
+
+export interface XYChartTypesProps {
+  label?: string;
+  value: SeriesType;
+  includeChartTypes?: SeriesType[];
+  excludeChartTypes?: SeriesType[];
+  onChange: (value: SeriesType) => void;
+}
+
+export function XYChartTypesSelect({
+  onChange,
+  value,
+  includeChartTypes,
+  excludeChartTypes,
+}: XYChartTypesProps) {
+  const {
+    services: { lens },
+  } = useKibana<ObservabilityPublicPluginsStart>();
+
+  const { data = [], loading } = useFetcher(() => lens.getXyVisTypes(), [lens]);
+
+  let vizTypes = data ?? [];
+
+  if ((excludeChartTypes ?? []).length > 0) {
+    vizTypes = vizTypes.filter(({ id }) => !excludeChartTypes?.includes(id as SeriesType));
+  }
+
+  if ((includeChartTypes ?? []).length > 0) {
+    vizTypes = vizTypes.filter(({ id }) => includeChartTypes?.includes(id as SeriesType));
+  }
+
+  const options = (vizTypes ?? []).map(({ id, fullLabel, label, icon }) => {
+    const LabelWithIcon = (
+      <EuiFlexGroup gutterSize="s" alignItems="center">
+        <EuiFlexItem grow={false}>
+          <EuiIcon type={icon} />
+        </EuiFlexItem>
+        <EuiFlexItem>{fullLabel || label}</EuiFlexItem>
+      </EuiFlexGroup>
+    );
+    return {
+      value: id as SeriesType,
+      inputDisplay: LabelWithIcon,
+      dropdownDisplay: LabelWithIcon,
+    };
+  });
+
+  return (
+    <EuiSuperSelect
+      compressed
+      valueOfSelected={value}
+      isLoading={loading}
+      options={options}
+      onChange={onChange}
+    />
+  );
+}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.test.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.test.tsx
index 039cdfc9b73f5..41b9f7d22ba00 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.test.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.test.tsx
@@ -32,7 +32,7 @@ describe('DataTypesCol', function () {
   });
 
   it('should set series on change on already selected', function () {
-    const { setSeries } = mockUrlStorage({
+    const { removeSeries } = mockUrlStorage({
       data: {
         [NEW_SERIES_KEY]: {
           dataType: 'synthetics',
@@ -54,6 +54,6 @@ describe('DataTypesCol', function () {
     fireEvent.click(button);
 
     // undefined on click selected
-    expect(setSeries).toHaveBeenCalledWith('newSeriesKey', { dataType: undefined });
+    expect(removeSeries).toHaveBeenCalledWith('newSeriesKey');
   });
 });
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.tsx
index b6464bbe3c6ed..d7e90d34a2596 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.tsx
@@ -20,15 +20,19 @@ export const dataTypes: Array<{ id: AppDataType; label: string }> = [
 ];
 
 export function DataTypesCol() {
-  const { series, setSeries } = useUrlStorage(NEW_SERIES_KEY);
+  const { series, setSeries, removeSeries } = useUrlStorage(NEW_SERIES_KEY);
 
-  const { loadIndexPattern } = useIndexPatternContext();
+  const { loadIndexPattern, indexPattern } = useIndexPatternContext();
 
   const onDataTypeChange = (dataType?: AppDataType) => {
     if (dataType) {
       loadIndexPattern(dataType);
     }
-    setSeries(NEW_SERIES_KEY, { dataType } as any);
+    if (!dataType) {
+      removeSeries(NEW_SERIES_KEY);
+    } else {
+      setSeries(NEW_SERIES_KEY, { dataType } as any);
+    }
   };
 
   const selectedDataType = series.dataType;
@@ -43,6 +47,8 @@ export function DataTypesCol() {
             iconType="arrowRight"
             color={selectedDataType === dataTypeId ? 'primary' : 'text'}
             fill={selectedDataType === dataTypeId}
+            isDisabled={!indexPattern}
+            isLoading={!indexPattern && selectedDataType === dataTypeId}
             onClick={() => {
               onDataTypeChange(dataTypeId === selectedDataType ? undefined : dataTypeId);
             }}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/operation_type_select.test.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/operation_type_select.test.tsx
new file mode 100644
index 0000000000000..e05f91b4bb0bd
--- /dev/null
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/operation_type_select.test.tsx
@@ -0,0 +1,64 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+import { fireEvent, screen } from '@testing-library/react';
+import { mockUrlStorage, render } from '../../rtl_helpers';
+import { OperationTypeSelect } from './operation_type_select';
+
+describe('OperationTypeSelect', function () {
+  it('should render properly', function () {
+    render(<OperationTypeSelect seriesId={'series-id'} />);
+
+    screen.getByText('Select an option: , is selected');
+  });
+
+  it('should display selected value', function () {
+    mockUrlStorage({
+      data: {
+        'performance-distribution': {
+          reportType: 'kpi',
+          operationType: 'median',
+          time: { from: 'now-15m', to: 'now' },
+        },
+      },
+    });
+
+    render(<OperationTypeSelect seriesId={'series-id'} />);
+
+    screen.getByText('Median');
+  });
+
+  it('should call set series on change', function () {
+    const { setSeries } = mockUrlStorage({
+      data: {
+        'series-id': {
+          reportType: 'kpi',
+          operationType: 'median',
+          time: { from: 'now-15m', to: 'now' },
+        },
+      },
+    });
+
+    render(<OperationTypeSelect seriesId={'series-id'} />);
+
+    fireEvent.click(screen.getByTestId('operationTypeSelect'));
+
+    expect(setSeries).toHaveBeenCalledWith('series-id', {
+      operationType: 'median',
+      reportType: 'kpi',
+      time: { from: 'now-15m', to: 'now' },
+    });
+
+    fireEvent.click(screen.getByText('95th Percentile'));
+    expect(setSeries).toHaveBeenCalledWith('series-id', {
+      operationType: '95th',
+      reportType: 'kpi',
+      time: { from: 'now-15m', to: 'now' },
+    });
+  });
+});
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/operation_type_select.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/operation_type_select.tsx
new file mode 100644
index 0000000000000..46167af0b244a
--- /dev/null
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/operation_type_select.tsx
@@ -0,0 +1,82 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React, { useEffect } from 'react';
+import { i18n } from '@kbn/i18n';
+import { EuiSuperSelect } from '@elastic/eui';
+
+import { useUrlStorage } from '../../hooks/use_url_storage';
+import { OperationType } from '../../../../../../../lens/public';
+
+export function OperationTypeSelect({
+  seriesId,
+  defaultOperationType,
+}: {
+  seriesId: string;
+  defaultOperationType?: OperationType;
+}) {
+  const { series, setSeries } = useUrlStorage(seriesId);
+
+  const operationType = series?.operationType;
+
+  const onChange = (value: OperationType) => {
+    setSeries(seriesId, { ...series, operationType: value });
+  };
+
+  useEffect(() => {
+    setSeries(seriesId, { ...series, operationType: operationType || defaultOperationType });
+  }, [defaultOperationType, seriesId, operationType, setSeries, series]);
+
+  const options = [
+    {
+      value: 'average' as OperationType,
+      inputDisplay: i18n.translate('xpack.observability.expView.operationType.average', {
+        defaultMessage: 'Average',
+      }),
+    },
+    {
+      value: 'median' as OperationType,
+      inputDisplay: i18n.translate('xpack.observability.expView.operationType.median', {
+        defaultMessage: 'Median',
+      }),
+    },
+    {
+      value: '75th' as OperationType,
+      inputDisplay: i18n.translate('xpack.observability.expView.operationType.75thPercentile', {
+        defaultMessage: '75th Percentile',
+      }),
+    },
+    {
+      value: '90th' as OperationType,
+      inputDisplay: i18n.translate('xpack.observability.expView.operationType.90thPercentile', {
+        defaultMessage: '90th Percentile',
+      }),
+    },
+    {
+      value: '95th' as OperationType,
+      inputDisplay: i18n.translate('xpack.observability.expView.operationType.95thPercentile', {
+        defaultMessage: '95th Percentile',
+      }),
+    },
+    {
+      value: '99th' as OperationType,
+      inputDisplay: i18n.translate('xpack.observability.expView.operationType.99thPercentile', {
+        defaultMessage: '99th Percentile',
+      }),
+    },
+  ];
+
+  return (
+    <EuiSuperSelect
+      data-test-subj="operationTypeSelect"
+      compressed
+      valueOfSelected={operationType || defaultOperationType}
+      options={options}
+      onChange={onChange}
+    />
+  );
+}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_definition_col.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_definition_col.tsx
index b907efb57d5c2..a386b73a8f917 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_definition_col.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_definition_col.tsx
@@ -12,6 +12,8 @@ import { NEW_SERIES_KEY, useUrlStorage } from '../../hooks/use_url_storage';
 import { CustomReportField } from '../custom_report_field';
 import FieldValueSuggestions from '../../../field_value_suggestions';
 import { DataSeries } from '../../types';
+import { SeriesChartTypesSelect } from './chart_types';
+import { OperationTypeSelect } from './operation_type_select';
 
 export function ReportDefinitionCol({ dataViewSeries }: { dataViewSeries: DataSeries }) {
   const { indexPattern } = useIndexPatternContext();
@@ -20,7 +22,14 @@ export function ReportDefinitionCol({ dataViewSeries }: { dataViewSeries: DataSe
 
   const { reportDefinitions: rtd = {} } = series;
 
-  const { reportDefinitions, labels, filters } = dataViewSeries;
+  const {
+    reportDefinitions,
+    labels,
+    filters,
+    defaultSeriesType,
+    hasOperationType,
+    yAxisColumn,
+  } = dataViewSeries;
 
   const onChange = (field: string, value?: string) => {
     if (!value) {
@@ -91,6 +100,17 @@ export function ReportDefinitionCol({ dataViewSeries }: { dataViewSeries: DataSe
             )}
           </EuiFlexItem>
         ))}
+      <EuiFlexItem style={{ width: 200 }}>
+        <SeriesChartTypesSelect seriesId={NEW_SERIES_KEY} defaultChartType={defaultSeriesType} />
+      </EuiFlexItem>
+      {hasOperationType && (
+        <EuiFlexItem style={{ width: 200 }}>
+          <OperationTypeSelect
+            seriesId={NEW_SERIES_KEY}
+            defaultOperationType={yAxisColumn.operationType}
+          />
+        </EuiFlexItem>
+      )}
     </EuiFlexGroup>
   );
 }
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.test.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.test.tsx
index 567e2654130e8..f845bf9885af9 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.test.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.test.tsx
@@ -10,6 +10,7 @@ import { fireEvent, screen } from '@testing-library/react';
 import { mockUrlStorage, render } from '../../rtl_helpers';
 import { ReportTypesCol, SELECTED_DATA_TYPE_FOR_REPORT } from './report_types_col';
 import { ReportTypes } from '../series_builder';
+import { DEFAULT_TIME } from '../../configurations/constants';
 
 describe('ReportTypesCol', function () {
   it('should render properly', function () {
@@ -60,6 +61,9 @@ describe('ReportTypesCol', function () {
     fireEvent.click(button);
 
     // undefined on click selected
-    expect(setSeries).toHaveBeenCalledWith('newSeriesKey', { dataType: 'synthetics' });
+    expect(setSeries).toHaveBeenCalledWith('newSeriesKey', {
+      dataType: 'synthetics',
+      time: DEFAULT_TIME,
+    });
   });
 });
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.tsx
index a473ddb570526..a8f98b98026b6 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.tsx
@@ -10,6 +10,8 @@ import { i18n } from '@kbn/i18n';
 import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
 import { ReportViewTypeId, SeriesUrl } from '../../types';
 import { NEW_SERIES_KEY, useUrlStorage } from '../../hooks/use_url_storage';
+import { DEFAULT_TIME } from '../../configurations/constants';
+import { useIndexPatternContext } from '../../hooks/use_default_index_pattern';
 
 interface Props {
   reportTypes: Array<{ id: ReportViewTypeId; label: string }>;
@@ -21,6 +23,8 @@ export function ReportTypesCol({ reportTypes }: Props) {
     setSeries,
   } = useUrlStorage(NEW_SERIES_KEY);
 
+  const { indexPattern } = useIndexPatternContext();
+
   return reportTypes?.length > 0 ? (
     <EuiFlexGroup direction="column" gutterSize="xs">
       {reportTypes.map(({ id: reportType, label }) => (
@@ -31,16 +35,19 @@ export function ReportTypesCol({ reportTypes }: Props) {
             iconType="arrowRight"
             color={selectedReportType === reportType ? 'primary' : 'text'}
             fill={selectedReportType === reportType}
+            isDisabled={!indexPattern}
             onClick={() => {
               if (reportType === selectedReportType) {
                 setSeries(NEW_SERIES_KEY, {
                   dataType: restSeries.dataType,
+                  time: DEFAULT_TIME,
                 } as SeriesUrl);
               } else {
                 setSeries(NEW_SERIES_KEY, {
                   ...restSeries,
                   reportType,
                   reportDefinitions: {},
+                  time: restSeries?.time ?? DEFAULT_TIME,
                 });
               }
             }}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/series_builder.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/series_builder.tsx
index 053f301529635..2280109fdacdf 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/series_builder.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/series_builder.tsx
@@ -49,7 +49,14 @@ export const ReportTypes: Record<AppDataType, Array<{ id: ReportViewTypeId; labe
 export function SeriesBuilder() {
   const { series, setSeries, allSeriesIds, removeSeries } = useUrlStorage(NEW_SERIES_KEY);
 
-  const { dataType, reportType, reportDefinitions = {}, filters = [] } = series;
+  const {
+    dataType,
+    seriesType,
+    reportType,
+    reportDefinitions = {},
+    filters = [],
+    operationType,
+  } = series;
 
   const [isFlyoutVisible, setIsFlyoutVisible] = useState(!!series.dataType);
 
@@ -121,9 +128,11 @@ export function SeriesBuilder() {
 
       const newSeriesN = {
         reportType,
-        time: { from: 'now-30m', to: 'now' },
+        seriesType,
         filters,
         reportDefinitions,
+        operationType,
+        time: { from: 'now-30m', to: 'now' },
       } as SeriesUrl;
 
       setSeries(newSeriesId, newSeriesN).then(() => {
@@ -145,7 +154,7 @@ export function SeriesBuilder() {
           columns={columns}
           cellProps={{ style: { borderRight: '1px solid #d3dae6' } }}
         />
-        <EuiSpacer />
+        <EuiSpacer size="xs" />
         <EuiFlexGroup justifyContent="flexEnd">
           <EuiFlexItem grow={false}>
             <EuiButton fill iconType="plus" color="primary" onClick={addSeries}>
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/index.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/index.tsx
index 922d33ffd39ac..960c2978287bc 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/index.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/index.tsx
@@ -10,6 +10,7 @@ import React, { useEffect } from 'react';
 import { useHasData } from '../../../../hooks/use_has_data';
 import { useUrlStorage } from '../hooks/use_url_storage';
 import { useQuickTimeRanges } from '../../../../hooks/use_quick_time_ranges';
+import { DEFAULT_TIME } from '../configurations/constants';
 
 export interface TimePickerTime {
   from: string;
@@ -38,7 +39,7 @@ export function SeriesDatePicker({ seriesId }: Props) {
 
   useEffect(() => {
     if (!series || !series.time) {
-      setSeries(seriesId, { ...series, time: { from: 'now-5h', to: 'now' } });
+      setSeries(seriesId, { ...series, time: DEFAULT_TIME });
     }
   }, [seriesId, series, setSeries]);
 
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/series_date_picker.test.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/series_date_picker.test.tsx
index acc9ba9658a08..8fe1d5ed9f2ac 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/series_date_picker.test.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_date_picker/series_date_picker.test.tsx
@@ -9,6 +9,7 @@ import React from 'react';
 import { mockUrlStorage, mockUseHasData, render } from '../rtl_helpers';
 import { fireEvent, waitFor } from '@testing-library/react';
 import { SeriesDatePicker } from './index';
+import { DEFAULT_TIME } from '../configurations/constants';
 
 describe('SeriesDatePicker', function () {
   it('should render properly', function () {
@@ -40,7 +41,7 @@ describe('SeriesDatePicker', function () {
     expect(setSeries1).toHaveBeenCalledWith('uptime-pings-histogram', {
       breakdown: 'monitor.status',
       reportType: 'upp',
-      time: { from: 'now-5h', to: 'now' },
+      time: DEFAULT_TIME,
     });
   });
 
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/actions_col.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/actions_col.tsx
index c6209381a4da1..fe54262e13844 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/actions_col.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/actions_col.tsx
@@ -8,8 +8,8 @@
 import React from 'react';
 import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
 import { DataSeries } from '../../types';
-import { SeriesChartTypes } from './chart_types';
-import { MetricSelection } from './metric_selection';
+import { OperationTypeSelect } from '../../series_builder/columns/operation_type_select';
+import { SeriesChartTypesSelect } from '../../series_builder/columns/chart_types';
 
 interface Props {
   series: DataSeries;
@@ -17,13 +17,13 @@ interface Props {
 
 export function ActionsCol({ series }: Props) {
   return (
-    <EuiFlexGroup direction="row" gutterSize="s" justifyContent="center">
+    <EuiFlexGroup direction="column" gutterSize="s" justifyContent="center">
       <EuiFlexItem grow={false}>
-        <SeriesChartTypes seriesId={series.id} defaultChartType={series.seriesTypes[0]} />
+        <SeriesChartTypesSelect seriesId={series.id} defaultChartType={series.seriesTypes[0]} />
       </EuiFlexItem>
-      {series.hasMetricType && (
+      {series.hasOperationType && (
         <EuiFlexItem grow={false}>
-          <MetricSelection seriesId={series.id} isDisabled={!series.hasMetricType} />
+          <OperationTypeSelect seriesId={series.id} />
         </EuiFlexItem>
       )}
     </EuiFlexGroup>
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_types.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_types.tsx
deleted file mode 100644
index f83630cff414a..0000000000000
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_types.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React, { useState } from 'react';
-
-import {
-  EuiButton,
-  EuiButtonGroup,
-  EuiButtonIcon,
-  EuiLoadingSpinner,
-  EuiPopover,
-} from '@elastic/eui';
-import { i18n } from '@kbn/i18n';
-import styled from 'styled-components';
-import { useKibana } from '../../../../../../../../../src/plugins/kibana_react/public';
-import { ObservabilityPublicPluginsStart } from '../../../../../plugin';
-import { useFetcher } from '../../../../..';
-import { useUrlStorage } from '../../hooks/use_url_storage';
-import { SeriesType } from '../../../../../../../lens/public';
-
-export function SeriesChartTypes({
-  seriesId,
-  defaultChartType,
-}: {
-  seriesId: string;
-  defaultChartType: SeriesType;
-}) {
-  const { series, setSeries, allSeries } = useUrlStorage(seriesId);
-
-  const seriesType = series?.seriesType ?? defaultChartType;
-
-  const onChange = (value: SeriesType) => {
-    Object.keys(allSeries).forEach((seriesKey) => {
-      const seriesN = allSeries[seriesKey];
-
-      setSeries(seriesKey, { ...seriesN, seriesType: value });
-    });
-  };
-
-  return (
-    <XYChartTypes
-      onChange={onChange}
-      value={seriesType}
-      excludeChartTypes={['bar_percentage_stacked']}
-      label={i18n.translate('xpack.observability.expView.chartTypes.label', {
-        defaultMessage: 'Chart type',
-      })}
-    />
-  );
-}
-
-export interface XYChartTypesProps {
-  onChange: (value: SeriesType) => void;
-  value: SeriesType;
-  label?: string;
-  includeChartTypes?: string[];
-  excludeChartTypes?: string[];
-}
-
-export function XYChartTypes({
-  onChange,
-  value,
-  label,
-  includeChartTypes,
-  excludeChartTypes,
-}: XYChartTypesProps) {
-  const [isOpen, setIsOpen] = useState(false);
-
-  const {
-    services: { lens },
-  } = useKibana<ObservabilityPublicPluginsStart>();
-
-  const { data = [], loading } = useFetcher(() => lens.getXyVisTypes(), [lens]);
-
-  let vizTypes = data ?? [];
-
-  if ((excludeChartTypes ?? []).length > 0) {
-    vizTypes = vizTypes.filter(({ id }) => !excludeChartTypes?.includes(id));
-  }
-
-  if ((includeChartTypes ?? []).length > 0) {
-    vizTypes = vizTypes.filter(({ id }) => includeChartTypes?.includes(id));
-  }
-
-  return loading ? (
-    <EuiLoadingSpinner />
-  ) : (
-    <EuiPopover
-      isOpen={isOpen}
-      anchorPosition="downCenter"
-      button={
-        label ? (
-          <EuiButton
-            size="s"
-            color="text"
-            iconType={vizTypes.find(({ id }) => id === value)?.icon}
-            onClick={() => {
-              setIsOpen((prevState) => !prevState);
-            }}
-          >
-            {label}
-          </EuiButton>
-        ) : (
-          <EuiButtonIcon
-            aria-label={vizTypes.find(({ id }) => id === value)?.label}
-            iconType={vizTypes.find(({ id }) => id === value)?.icon!}
-            onClick={() => {
-              setIsOpen((prevState) => !prevState);
-            }}
-          />
-        )
-      }
-      closePopover={() => setIsOpen(false)}
-    >
-      <ButtonGroup
-        isIconOnly
-        buttonSize="m"
-        legend={i18n.translate('xpack.observability.xyChart.chartTypeLegend', {
-          defaultMessage: 'Chart type',
-        })}
-        name="chartType"
-        className="eui-displayInlineBlock"
-        options={vizTypes.map((t) => ({
-          id: t.id,
-          label: t.label,
-          title: t.label,
-          iconType: t.icon || 'empty',
-          'data-test-subj': `lnsXY_seriesType-${t.id}`,
-        }))}
-        idSelected={value}
-        onChange={(valueN: string) => {
-          onChange(valueN as SeriesType);
-        }}
-      />
-    </EuiPopover>
-  );
-}
-
-const ButtonGroup = styled(EuiButtonGroup)`
-  &&& {
-    .euiButtonGroupButton-isSelected {
-      background-color: #a5a9b1 !important;
-    }
-  }
-`;
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/metric_selection.test.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/metric_selection.test.tsx
deleted file mode 100644
index ced04f0a59c8c..0000000000000
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/metric_selection.test.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React from 'react';
-import { fireEvent, screen } from '@testing-library/react';
-import { mockUrlStorage, render } from '../../rtl_helpers';
-import { MetricSelection } from './metric_selection';
-
-describe('MetricSelection', function () {
-  it('should render properly', function () {
-    render(<MetricSelection seriesId={'series-id'} isDisabled={false} />);
-
-    screen.getByText('Average');
-  });
-
-  it('should display selected value', function () {
-    mockUrlStorage({
-      data: {
-        'performance-distribution': {
-          reportType: 'kpi',
-          metric: 'median',
-          time: { from: 'now-15m', to: 'now' },
-        },
-      },
-    });
-
-    render(<MetricSelection seriesId={'series-id'} isDisabled={false} />);
-
-    screen.getByText('Median');
-  });
-
-  it('should be disabled on disabled state', function () {
-    render(<MetricSelection seriesId={'series-id'} isDisabled={true} />);
-
-    const btn = screen.getByRole('button');
-
-    expect(btn.classList).toContain('euiButton-isDisabled');
-  });
-
-  it('should call set series on change', function () {
-    const { setSeries } = mockUrlStorage({
-      data: {
-        'performance-distribution': {
-          reportType: 'kpi',
-          metric: 'median',
-          time: { from: 'now-15m', to: 'now' },
-        },
-      },
-    });
-
-    render(<MetricSelection seriesId={'series-id'} isDisabled={false} />);
-
-    fireEvent.click(screen.getByText('Median'));
-
-    screen.getByText('Chart metric group');
-
-    fireEvent.click(screen.getByText('95th Percentile'));
-
-    expect(setSeries).toHaveBeenNthCalledWith(1, 'performance-distribution', {
-      metric: '95th',
-      reportType: 'kpi',
-      time: { from: 'now-15m', to: 'now' },
-    });
-    // FIXME This is a bug in EUI EuiButtonGroup calls on change multiple times
-    // This should be one https://github.com/elastic/eui/issues/4629
-    expect(setSeries).toHaveBeenCalledTimes(3);
-  });
-
-  it('should call set series on change for all series', function () {
-    const { setSeries } = mockUrlStorage({
-      data: {
-        'page-views': {
-          reportType: 'kpi',
-          metric: 'median',
-          time: { from: 'now-15m', to: 'now' },
-        },
-        'performance-distribution': {
-          reportType: 'kpi',
-          metric: 'median',
-          time: { from: 'now-15m', to: 'now' },
-        },
-      },
-    });
-
-    render(<MetricSelection seriesId={'series-id'} isDisabled={false} />);
-
-    fireEvent.click(screen.getByText('Median'));
-
-    screen.getByText('Chart metric group');
-
-    fireEvent.click(screen.getByText('95th Percentile'));
-
-    expect(setSeries).toHaveBeenNthCalledWith(1, 'page-views', {
-      metric: '95th',
-      reportType: 'kpi',
-      time: { from: 'now-15m', to: 'now' },
-    });
-
-    expect(setSeries).toHaveBeenNthCalledWith(2, 'performance-distribution', {
-      metric: '95th',
-      reportType: 'kpi',
-      time: { from: 'now-15m', to: 'now' },
-    });
-    // FIXME This is a bug in EUI EuiButtonGroup calls on change multiple times
-    // This should be one https://github.com/elastic/eui/issues/4629
-    expect(setSeries).toHaveBeenCalledTimes(6);
-  });
-});
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/metric_selection.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/metric_selection.tsx
deleted file mode 100644
index fa4202d2c30ad..0000000000000
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/metric_selection.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React, { useState } from 'react';
-import { i18n } from '@kbn/i18n';
-import { EuiButton, EuiButtonGroup, EuiPopover } from '@elastic/eui';
-import { useUrlStorage } from '../../hooks/use_url_storage';
-import { OperationType } from '../../../../../../../lens/public';
-
-const toggleButtons = [
-  {
-    id: `average`,
-    label: i18n.translate('xpack.observability.expView.metricsSelect.average', {
-      defaultMessage: 'Average',
-    }),
-  },
-  {
-    id: `median`,
-    label: i18n.translate('xpack.observability.expView.metricsSelect.median', {
-      defaultMessage: 'Median',
-    }),
-  },
-  {
-    id: `95th`,
-    label: i18n.translate('xpack.observability.expView.metricsSelect.9thPercentile', {
-      defaultMessage: '95th Percentile',
-    }),
-  },
-  {
-    id: `99th`,
-    label: i18n.translate('xpack.observability.expView.metricsSelect.99thPercentile', {
-      defaultMessage: '99th Percentile',
-    }),
-  },
-];
-
-export function MetricSelection({
-  seriesId,
-  isDisabled,
-}: {
-  seriesId: string;
-  isDisabled: boolean;
-}) {
-  const { series, setSeries, allSeries } = useUrlStorage(seriesId);
-
-  const [isOpen, setIsOpen] = useState(false);
-
-  const [toggleIdSelected, setToggleIdSelected] = useState(series?.metric ?? 'average');
-
-  const onChange = (optionId: OperationType) => {
-    setToggleIdSelected(optionId);
-
-    Object.keys(allSeries).forEach((seriesKey) => {
-      const seriesN = allSeries[seriesKey];
-
-      setSeries(seriesKey, { ...seriesN, metric: optionId });
-    });
-  };
-  const button = (
-    <EuiButton
-      onClick={() => setIsOpen((prevState) => !prevState)}
-      size="s"
-      color="text"
-      isDisabled={isDisabled}
-    >
-      {toggleButtons.find(({ id }) => id === toggleIdSelected)!.label}
-    </EuiButton>
-  );
-
-  return (
-    <EuiPopover button={button} isOpen={isOpen} closePopover={() => setIsOpen(false)}>
-      <EuiButtonGroup
-        buttonSize="m"
-        color="primary"
-        legend="Chart metric group"
-        options={toggleButtons}
-        idSelected={toggleIdSelected}
-        onChange={(id) => onChange(id as OperationType)}
-      />
-    </EuiPopover>
-  );
-}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/types.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/types.ts
index d673fc4d6f6ee..141dcecd0ba5b 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/types.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/types.ts
@@ -9,9 +9,9 @@ import { PaletteOutput } from 'src/plugins/charts/public';
 import {
   LastValueIndexPatternColumn,
   DateHistogramIndexPatternColumn,
+  FieldBasedIndexPatternColumn,
   SeriesType,
   OperationType,
-  IndexPatternColumn,
 } from '../../../../../lens/public';
 
 import { PersistableFilter } from '../../../../../lens/common';
@@ -41,14 +41,19 @@ export interface ReportDefinition {
   required?: boolean;
   custom?: boolean;
   defaultValue?: string;
-  options?: Array<{ field: string; label: string; description?: string }>;
+  options?: Array<{
+    field: string;
+    label: string;
+    description?: string;
+    columnType?: 'range' | 'operation';
+  }>;
 }
 
 export interface DataSeries {
   reportType: ReportViewType;
   id: string;
   xAxisColumn: Partial<LastValueIndexPatternColumn> | Partial<DateHistogramIndexPatternColumn>;
-  yAxisColumn: Partial<IndexPatternColumn>;
+  yAxisColumn: Partial<FieldBasedIndexPatternColumn>;
 
   breakdowns: string[];
   defaultSeriesType: SeriesType;
@@ -57,7 +62,7 @@ export interface DataSeries {
   filters?: PersistableFilter[];
   reportDefinitions: ReportDefinition[];
   labels: Record<string, string>;
-  hasMetricType: boolean;
+  hasOperationType: boolean;
   palette?: PaletteOutput;
 }
 
@@ -70,7 +75,7 @@ export interface SeriesUrl {
   filters?: UrlFilter[];
   seriesType?: SeriesType;
   reportType: ReportViewTypeId;
-  metric?: OperationType;
+  operationType?: OperationType;
   dataType?: AppDataType;
   reportDefinitions?: Record<string, string>;
 }
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/utils/observability_index_patterns.ts b/x-pack/plugins/observability/public/components/shared/exploratory_view/utils/observability_index_patterns.ts
index e0a2941b24d3c..527ef48364d22 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/utils/observability_index_patterns.ts
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/utils/observability_index_patterns.ts
@@ -47,12 +47,16 @@ const appToPatternMap: Record<DataType, string> = {
 };
 
 export function isParamsSame(param1: IFieldFormat['_params'], param2: FieldFormatParams) {
-  return (
+  const isSame =
     param1?.inputFormat === param2?.inputFormat &&
     param1?.outputFormat === param2?.outputFormat &&
-    param1?.showSuffix === param2?.showSuffix &&
-    param2?.outputPrecision === param1?.outputPrecision
-  );
+    param1?.showSuffix === param2?.showSuffix;
+
+  if (param2.outputPrecision !== undefined) {
+    return param2?.outputPrecision === param1?.outputPrecision && isSame;
+  }
+
+  return isSame;
 }
 
 export class ObservabilityIndexPatterns {