Reduce padding on histogram scales

frontend/src/metabase/visualizations/lib/apply_axis.js

@@ -11,6 +11,7 @@ import { parseTimestamp } from "metabase/lib/time";
 
 import { computeTimeseriesTicksInterval } from "./timeseries";
 import { getFriendlyName } from "./utils";
+import { isHistogram } from "./renderer_utils";
 
 // label offset (doesn't increase padding)
 const X_LABEL_PADDING = 10;
@@ -273,6 +274,11 @@ export function applyChartOrdinalXAxis(chart, series, { xValues }) {
     chart.xAxis().tickFormat("");
   }
 
+  if (isHistogram(chart.settings)) {
+    // reduces x axis padding. see https://stackoverflow.com/a/44320663/113
+    chart._outerRangeBandPadding(0);
+  }
+
   chart.x(d3.scale.ordinal().domain(xValues)).xUnits(dc.units.ordinal);
 }