diff --git a/x-pack/plugins/lens/public/datatable_visualization/visualization.tsx b/x-pack/plugins/lens/public/datatable_visualization/visualization.tsx
index d42af9aa3932c..12c5dafb5d942 100644
--- a/x-pack/plugins/lens/public/datatable_visualization/visualization.tsx
+++ b/x-pack/plugins/lens/public/datatable_visualization/visualization.tsx
@@ -203,10 +203,11 @@ export const getDatatableVisualization = ({
)
.map((accessor) => ({
columnId: accessor,
- triggerIcon:
- columnMap[accessor].hidden || columnMap[accessor].collapseFn
- ? 'invisible'
- : undefined,
+ triggerIcon: columnMap[accessor].hidden
+ ? 'invisible'
+ : columnMap[accessor].collapseFn
+ ? 'aggregate'
+ : undefined,
})),
supportsMoreColumns: true,
filterOperations: (op) => op.isBucketed,
diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/color_indicator.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/color_indicator.tsx
index b8a5819d45532..b12f50a7b35a0 100644
--- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/color_indicator.tsx
+++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/color_indicator.tsx
@@ -59,6 +59,17 @@ export function ColorIndicator({
})}
/>
)}
+ {accessorConfig.triggerIcon === 'aggregate' && (
+
+ )}
{accessorConfig.triggerIcon === 'colorBy' && (
+
+ {i18n.translate('xpack.lens.collapse.label', { defaultMessage: 'Collapse by' })}
+ {''}
+
+
+
+ }
display="columnCompressed"
fullWidth
>
diff --git a/x-pack/plugins/lens/public/types.ts b/x-pack/plugins/lens/public/types.ts
index 1f2ee1266ddb7..1ffc300542b09 100644
--- a/x-pack/plugins/lens/public/types.ts
+++ b/x-pack/plugins/lens/public/types.ts
@@ -557,7 +557,7 @@ export type VisualizationDimensionEditorProps = VisualizationConfig
export interface AccessorConfig {
columnId: string;
- triggerIcon?: 'color' | 'disabled' | 'colorBy' | 'none' | 'invisible';
+ triggerIcon?: 'color' | 'disabled' | 'colorBy' | 'none' | 'invisible' | 'aggregate';
color?: string;
palette?: string[] | Array<{ color: string; stop: number }>;
}
diff --git a/x-pack/plugins/lens/public/xy_visualization/visualization.tsx b/x-pack/plugins/lens/public/xy_visualization/visualization.tsx
index 096c395b31eaf..b35247f4d9d97 100644
--- a/x-pack/plugins/lens/public/xy_visualization/visualization.tsx
+++ b/x-pack/plugins/lens/public/xy_visualization/visualization.tsx
@@ -276,7 +276,7 @@ export const getXyVisualization = ({
? [
{
columnId: dataLayer.splitAccessor,
- triggerIcon: dataLayer.collapseFn ? ('invisible' as const) : ('colorBy' as const),
+ triggerIcon: dataLayer.collapseFn ? ('aggregate' as const) : ('colorBy' as const),
palette: dataLayer.collapseFn
? undefined
: paletteService