Wie reduzieren Sie die Anzahl der Y-Achsen-Ticks in dimple.js?

Question

In dimple.js gibt es eine Möglichkeit, zum Beispiel die Anzahl der Y-Achsen-Ticks um die Hälfte zu reduzieren, so dass es nur alle zwei y-Ticks anstelle von allen anzeigen würde?

Answer 1

Sie können es nach dem Zeichnen mit etwas d3 ändern. Hier ist ein Verfahren, das die Etiketten entfernen wird jedes n-te verlassen:

// Pass in an axis object and an interval. 
var cleanAxis = function (axis, oneInEvery) { 
    // This should have been called after draw, otherwise do nothing 
    if (axis.shapes.length > 0) { 
     // Leave the first label 
     var del = 0; 
     // If there is an interval set 
     if (oneInEvery > 1) { 
      // Operate on all the axis text 
      axis.shapes.selectAll("text").each(function (d) { 
       // Remove all but the nth label 
       if (del % oneInEvery !== 0) { 
        this.remove(); 
        // Find the corresponding tick line and remove 
        axis.shapes.selectAll("line").each(function (d2) { 
         if (d === d2) { 
          this.remove(); 
         } 
        }); 
       } 
      del += 1; 
      }); 
     } 
    } 
}; 

Hier ist die Geige:

http://jsfiddle.net/V3jt5/1/