d3.js - d3 tickformat v4

No muestre las etiquetas negativas del eje de signo d3

Question

Tengo una escala en la que no quiero que aparezcan los signos negativos antes de los números. ¿Cómo se puede hacer esto en el formateador d3? La escala está construida de la siguiente manera:

var formater = d3.format("0");

self.x = d3.scale.linear().domain([self.xmin, self.xmax]).range([0, self.settings.width])

    self.axis = d3.svg.axis()
        .scale(self.x)
        .orient("bottom")
        .tickFormat(formater);

    self.axisLabels = self.svg.append("g")
                    .attr("class", "axis")
                    .attr("id", "axis")
                    .call(self.axis)

Veo una opción para agregar un signo "+" pero no eliminar un signo "-" https://github.com/mbostock/d3/wiki/Formatting#wiki-d3_format

Además, ¿es posible eliminar una etiqueta? Etiqueto de -5 a 5 en la escala, y no quiero que aparezcan los signos negativos, y no quiero etiquetar 0. Gracias.

Answer 1

Ya está usando un formateador y no necesita confiar en D3 para eliminar el signo ''-'', puede hacerlo usted mismo:

var formatter = d3.format("0");

// ...

self.axis = d3.svg.axis()
    .scale(self.x)
    .orient("bottom")
    .tickFormat(function (d) { 
         if (d === 0) return ''''; // No label for ''0''
         else if (d < 0) d = -d; // No nagative labels
         return formatter(d);
    });