fix: horizontal bar chart breakdown label show series name (#24603)

PostHog · Aug 27, 2024 · 5a571d7 · 5a571d7
1 parent 686f534
commit 5a571d7
Showing 1 changed file with 8 additions and 1 deletion.
diff --git 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,