solved dividers remove

Author: richardnm-2

devtools/test_dashboard/index.html

@@ -142,7 +142,7 @@
       //   type: "box",
       // };
 
-      var data = [trace2];
+      var data = [trace1];
 
       Plotly.newPlot("tester", data, { margin: { t: 0, l: 50, r: 0 } });
     </script>

src/plots/cartesian/axes.js

@@ -2539,7 +2539,7 @@ axes.drawOne = function(gd, ax, opts) {
 
         tickNames = tickNames.sort();
 
-        ax.levels.slice().forEach(function(_lvl, idx) {
+        ax.levels.forEach(function(_lvl, idx) {
             seq.push(function() {
                 ax._depth = (majorTickSigns[4] * (getLabelLevelBbox(tickNames.slice()[_lvl])[ax.side] - mainLinePosition));
 
@@ -2551,7 +2551,8 @@ axes.drawOne = function(gd, ax, opts) {
                     vals: levelDividers,
                     layer: mainAxLayer,
                     path: axes.makeTickPath(ax, mainLinePosition, majorTickSigns[4], { len: ax._depth }),
-                    transFn: transTickFn
+                    transFn: transTickFn,
+                    level: _lvl
                 });
             });
         });
@@ -3783,11 +3784,17 @@ function drawDividers(gd, ax, opts) {
     var cls = ax._id + 'divider';
     var vals = opts.vals;
 
+
     var dividers = opts.layer.selectAll('path.' + cls)
-        .data(vals, tickDataFn);
+    .data(vals, tickDataFn);
 
-    // TODO Has to be removed to loop through all dividers??
-    // dividers.exit().remove();
+    if(ax.type === 'multicategory') {
+        if(opts.level === 0) {
+            dividers.exit().remove();
+        }
+    } else {
+        dividers.exit().remove();
+    }
 
     dividers.enter().insert('path', ':first-child')
         .classed(cls, 1)