parsing - D3删除数千个逗号分隔符

我有一个带有3列的.json，其中之一是'Year'。该列仅包含年份。没有日期!

当我在“x”轴上绘制图形时，年份以数千个逗号分隔符出现。

因此，.json中的日期是以下格式:“年份”:1990
在“x”轴上，结果像是1,990

我一直在试图找出如何解析这一年，但到目前为止我还没有运气。我尝试了以下方法:

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)

关于如何摆脱逗号分隔符的任何建议。或弄清楚如何解析日期。

最佳答案

您应该将.tickFormat(d3.format("d"))添加到您的xAxis中:

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

关于parsing - D3删除数千个逗号分隔符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16549868/