@teachinglab/omd 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teachinglab/omd",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "omd",
   "main": "./index.js",
   "module": "./index.js",

package/src/omdCoordinatePlane.js

@@ -131,6 +131,28 @@ export class omdCoordinatePlane extends jsvgGroup {
         const lastTick = Math.floor(max);
         const minLabelSpacing = 10;
 
+        // If forceAllTickLabels is false, choose a label multiple (5,10,15,...) that avoids overlap.
+        let labelMultiple = null;
+        if (!this.forceAllTickLabels && this.showTickLabels) {
+            const span = Math.abs(lastTick - firstTick);
+            // try multiples of 5 up to a reasonable cap based on span
+            const maxMultiple = Math.max(5, Math.ceil(span / 2) * 5);
+            for (let candidate = 5; candidate <= maxMultiple; candidate += 5) {
+                const positions = [];
+                let lastPos = -Infinity;
+                let ok = true;
+                for (let v = firstTick; v <= lastTick; v += interval) {
+                    const isEdgeTick = v === firstTick || v === lastTick;
+                    if (isEdgeTick || Number.isInteger(v / candidate)) {
+                        const p = this.computeAxisPos(isXAxis, v);
+                        if (Math.abs(p - lastPos) < minLabelSpacing) { ok = false; break; }
+                        positions.push(p);
+                        lastPos = p;
+                    }
+                }
+                if (ok && positions.length > 0) { labelMultiple = candidate; break; }
+            }
+        }
         let lastLabelPos = -Infinity;
         let zeroLineDrawn = false;
 
@@ -148,11 +170,17 @@ export class omdCoordinatePlane extends jsvgGroup {
             }
 
             const isEdgeTick = value === firstTick || value === lastTick;
-            const shouldShowLabel = this.showTickLabels && (
-                this.forceAllTickLabels ||
-                isEdgeTick ||
-                Math.abs(pos - lastLabelPos) >= minLabelSpacing
-            );
+
+            let shouldShowLabel = false;
+            if (this.showTickLabels) {
+                if (this.forceAllTickLabels) {
+                    shouldShowLabel = true;
+                } else if (labelMultiple) {
+                    shouldShowLabel = isEdgeTick || Number.isInteger(value / labelMultiple);
+                } else {
+                    shouldShowLabel = isEdgeTick || Math.abs(pos - lastLabelPos) >= minLabelSpacing;
+                }
+            }
 
             if (shouldShowLabel) {
                 this.addTickLabel(gridHolder, isXAxis, pos, value);