parsing - d3 tooltip onmouseover

D3 eliminar delimitadores de coma para miles

Question

Tengo un .json con 3 columnas donde una de ellas es ''Año''. La columna contiene solo años. No hay fechas !.

Cuando lo estoy graficando en el eje ''x'', los años salen con un delimitador de coma para miles.

Así que en el .json la fecha es este formato: "Año": 1990 y en el eje ''x'' sale así 1.990

He estado tratando de averiguar cómo analizar el año, pero hasta ahora no he tenido suerte. He probado lo siguiente:

var parseDate = d3.time.format("%y").parse

var x = d3.time.scale()
.range([0, width]);

//further down

d3.json("waterData.json", function(error, json) {

// Attach Data
var data = json.data;

// Select Data for X and Y
var axis1 = ''Year''; 
var axis2 = ''Ratio''

// Convert String into Numbers
data.forEach(function(d) {

///axis1 = parseDate(axis1);

d[axis1] = +d[axis1]
d[axis2] = +d[axis2]
});

 x.domain(d3.extent(data, function(d) { return d[axis1]; }));
 y.domain(d3.extent(data, function(d) { return d[axis2]; }));


 svg.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(0," + (height+10) + ")")
  .call(xAxis)
 .append("text")
  .attr("class", "label")
  .attr("x", width)
  .attr("y", -40)
  .text(axis1)

 svg.append("g")
  .attr("class", "y axis")
  .attr("transform", "translate("+ -10 + "," + 0 + ")")
  .call(yAxis)
 .append("text")
  .attr("class", "label")
  .attr("x", 10)
  .style("fill", "#666")
  .style("text-anchor", "start")
  .text(axis2)

Cualquier sugerencia de cómo deshacerse del delimitador de coma. O para averiguar cómo analizar la fecha.

Answer 1

Debe agregar .tickFormat(d3.format("d")) a su xAxis:

var xAxis = d3.svg.axis().scale(x).orient("bottom").tickFormat(d3.format("d"));