Fix divider placement on reversed axes

justin-sleep · justin-sleep · commit 466f43c32eb5 · 2020-06-22T16:58:44.000-05:00
diff --git a/src/plots/cartesian/axes.js b/src/plots/cartesian/axes.js
@@ -2100,6 +2100,9 @@ function getDividerVals(ax, vals) {
     var out = [];
     var i, current;
 
+    var xvals = vals.map(a => a.x);
+    var reversed = (xvals[1] < xvals[0]);
+
     // never used for labels;
     // no need to worry about the other tickTextObj keys
     var _push = function(d, bndIndex) {
@@ -2113,11 +2116,11 @@ function getDividerVals(ax, vals) {
         for(i = 0; i < vals.length; i++) {
             var d = vals[i];
             if(d.text2 !== current) {
-                _push(d, 0);
+                _push(d, reversed ? 1 : 0);
             }
             current = d.text2;
         }
-        _push(vals[i - 1], 1);
+        _push(vals[i - 1], reversed ? 0 : 1);
     }
 
     return out;
