When the interval option is applied on a quantitative scale, generate the ticks with the interval; also set the tickFormat so that we don't show 1.0, 2.0, 3.0 if the interval is an integer.

Fil · Fil · commit fffe7363645e · 2022-04-26T14:25:57.000-07:00
diff --git a/src/axes.js b/src/axes.js
@@ -2,6 +2,7 @@ import {extent} from "d3";
 import {AxisX, AxisY} from "./axis.js";
 import {isOrdinalScale, isTemporalScale, scaleOrder} from "./scales.js";
 import {position, registry} from "./scales/index.js";
+import {maybeInterval} from "./transforms/interval.js";
 
 export function Axes(
   {x: xScale, y: yScale, fx: fxScale, fy: fyScale},
@@ -33,12 +34,22 @@ export function autoAxisTicks({x, y, fx, fy}, {x: xAxis, y: yAxis, fx: fxAxis, f
 }
 
 function autoAxisTicksK(scale, axis, k) {
+  tickInterval(scale, axis);
   if (axis.ticks === undefined) {
     const [min, max] = extent(scale.scale.range());
     axis.ticks = (max - min) / k;
   }
 }
 
+function tickInterval(scale, axis) {
+  const interval = maybeInterval(scale.interval);
+  if (interval != null) {
+    const [min, max] = extent(scale.scale.domain());
+    if (axis.ticks === undefined) axis.ticks = interval.range(interval.floor(min), interval.offset(interval.floor(max)));
+    if (scale.type !== "point" && scale.type !== "band" && axis.tickFormat === undefined && typeof scale.interval === "number") axis.tickFormat = ",";
+  }
+}
+
 // Mutates axis.{label,labelAnchor,labelOffset} and scale.label!
 export function autoScaleLabels(channels, scales, {x, y, fx, fy}, dimensions, options) {
   if (fx) {
