✨ (stacked bar) hide single-item legends

owid · May 21, 2024 · 9916c7a · 9916c7a
1 parent 896cb26
commit 9916c7a
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/@ourworldindata/grapher/src/stackedCharts/StackedBarChart.tsx b/packages/@ourworldindata/grapher/src/stackedCharts/StackedBarChart.tsx
@@ -217,6 +217,10 @@ export class StackedBarChart
             .reverse() // Vertical legend orders things in the opposite direction we want
     }
 
+    @computed get hideLegend(): boolean {
+        return this.manager.hideLegend || this.legendItems.length <= 1
+    }
+
     @computed get maxLegendWidth(): number {
         return this.sidebarMaxWidth
     }
@@ -228,7 +232,7 @@ export class StackedBarChart
         return 100
     }
     @computed get sidebarWidth(): number {
-        if (this.manager.hideLegend) return 0
+        if (this.hideLegend) return 0
         const { sidebarMinWidth, sidebarMaxWidth, legendDimensions } = this
         return Math.max(
             Math.min(legendDimensions.width, sidebarMaxWidth),
@@ -537,9 +541,7 @@ export class StackedBarChart
                     })}
                 </g>
 
-                {!this.manager.hideLegend && (
-                    <VerticalColorLegend manager={this} />
-                )}
+                {!this.hideLegend && <VerticalColorLegend manager={this} />}
                 {tooltip}
             </g>
         )