diff --git a/frontend/src/scenes/trends/viz/ActionsHorizontalBar.tsx b/frontend/src/scenes/trends/viz/ActionsHorizontalBar.tsx index 0fbdecb949d35..9866e42c4cf56 100644 --- a/frontend/src/scenes/trends/viz/ActionsHorizontalBar.tsx +++ b/frontend/src/scenes/trends/viz/ActionsHorizontalBar.tsx @@ -48,12 +48,19 @@ export function ActionsHorizontalBar({ showPersonsModal = true }: ChartParams): personsValues: _data.map((item) => item.persons), breakdownValues: _data.map((item) => item.breakdown_value), breakdownLabels: _data.map((item) => { - return formatBreakdownLabel( + const itemLabel = item.action.custom_name ?? item.action.name ?? item.action.id + if (!item.breakdown_value) { + return itemLabel + } + + const breakdownLabel = formatBreakdownLabel( item.breakdown_value, breakdownFilter, cohorts, formatPropertyValueForDisplay ) + + return `${itemLabel} - ${breakdownLabel}` }), compareLabels: _data.map((item) => item.compare_label), backgroundColor: colorList,