diff --git a/packages/@ourworldindata/grapher/src/barCharts/DiscreteBarChart.tsx b/packages/@ourworldindata/grapher/src/barCharts/DiscreteBarChart.tsx
index 3f79cc7bdec..512b1d478c2 100644
--- a/packages/@ourworldindata/grapher/src/barCharts/DiscreteBarChart.tsx
+++ b/packages/@ourworldindata/grapher/src/barCharts/DiscreteBarChart.tsx
@@ -34,14 +34,9 @@ import {
BASE_FONT_SIZE,
GRAPHER_AXIS_LINE_WIDTH_THICK,
GRAPHER_AXIS_LINE_WIDTH_DEFAULT,
- GRAPHER_AREA_OPACITY_DEFAULT,
GRAPHER_FONT_SCALE_12,
} from "../core/GrapherConstants"
-import {
- HorizontalAxisComponent,
- HorizontalAxisGridLines,
- HorizontalAxisZeroLine,
-} from "../axis/AxisViews"
+import { HorizontalAxisZeroLine } from "../axis/AxisViews"
import { NoDataModal } from "../noDataModal/NoDataModal"
import { AxisConfig, AxisManager } from "../axis/AxisConfig"
import { ColorSchemes } from "../color/ColorSchemes"
@@ -305,7 +300,6 @@ export class DiscreteBarChart
@computed private get innerBounds(): Bounds {
return this.boundsWithoutColorLegend
.padLeft(Math.max(this.seriesLegendWidth, this.leftValueLabelWidth))
- .padBottom(this.showHorizontalAxis ? this.yAxis.height : 0)
.padRight(this.rightValueLabelWidth)
}
@@ -350,10 +344,6 @@ export class DiscreteBarChart
return this.barPlacements.map((b) => b.width)
}
- @computed private get showHorizontalAxis(): boolean | undefined {
- return this.manager.isRelativeMode
- }
-
private d3Bars(): Selection<
BaseType,
unknown,
@@ -475,7 +465,6 @@ export class DiscreteBarChart
width={series.barWidth}
height={this.barHeight}
fill={barColor}
- opacity={GRAPHER_AREA_OPACITY_DEFAULT}
style={{ transition: "height 200ms ease" }}
/>
)
@@ -504,7 +493,7 @@ export class DiscreteBarChart
}
renderChartArea(): React.ReactElement {
- const { manager, boundsWithoutColorLegend, yAxis, innerBounds } = this
+ const { manager, yAxis, innerBounds } = this
const axisLineWidth = manager.isStaticAndSmall
? GRAPHER_AXIS_LINE_WIDTH_THICK
@@ -516,27 +505,12 @@ export class DiscreteBarChart
{this.showColorLegend && (
)}
- {this.showHorizontalAxis && (
- <>
-
-
- >
- )}
{!this.isLogScale && (
)}
{this.renderBars()}