diff --git a/packages/@ourworldindata/grapher/src/stackedCharts/MarimekkoChart.tsx b/packages/@ourworldindata/grapher/src/stackedCharts/MarimekkoChart.tsx index 5b40d4c5d30..560dd36cfad 100644 --- a/packages/@ourworldindata/grapher/src/stackedCharts/MarimekkoChart.tsx +++ b/packages/@ourworldindata/grapher/src/stackedCharts/MarimekkoChart.tsx @@ -824,7 +824,7 @@ export class MarimekkoChart // legend props @computed get legendPaddingTop(): number { - return this.baseFontSize + return this.legend.height > 0 ? this.baseFontSize : 0 } @computed get legendX(): number { @@ -857,19 +857,19 @@ export class MarimekkoChart @computed get categoricalLegendData(): CategoricalBin[] { const { colorColumnSlug, colorScale, series } = this - const customHiddenCategories = - this.colorScaleConfig?.customHiddenCategories - if (colorColumnSlug) return colorScale.categoricalLegendBins - else + if (colorColumnSlug) { + return colorScale.categoricalLegendBins + } else if (series.length > 0) { return series.map((series, index) => { return new CategoricalBin({ index, value: series.seriesName, label: series.seriesName, color: series.color, - isHidden: !!customHiddenCategories?.[series.seriesName], }) }) + } + return [] } @action.bound onLegendMouseOver(bin: ColorScaleBin): void {