所有数据都在enter（）占位符（D3）中

Question

我有此代码的更新功能：

// actualy fetched from server. array of JS objects that I parsed to right type
var xData = [{
    id: 234234 // parsed as integer
    date: 15/11/2001 // parsed as date
    price: 6512 // parsed as integer
}];

// triggred by the user
function updateSVG() {

 // fetch new data from ther server
 xData = [];
 xData = [{
    id: 234234 // parsed as integer
    data: 15/11/2001 // parsed as date
    price: 6512 // parsed as integer
}];

 // join data
 var x = svg.selectAll(".x-class")
     .data(xData, function(d) { return d.id; });

 // new data
 x.enter().append("image")
     .attr('class', 'x-class')
     .attr("xlink:href", "x-image.png")
     .attr("width", 16)
     .attr("height", 19)
     .attr('y', 0);

 // current and new data
 x.transition()
     .attr("x", function(d) { return x(d.date); })
     .attr("y", function(d) { return y(d.date); });

 /// old data
 x.exit().remove();

}

我所期望的是，当我第二次或第三次运行此函数时，大多数数据将是UPDATE（即不在enter中），只有少数数据将在enter（）和exit（）中。

但是我所有的数据都在enter（）中。 无论。 d.id肯定是唯一的。 一切都按预期工作，但此问题。 当我在获取新数据之前和之后检查x对象时，我所有的数据都在enter（）占位符中。

有任何想法吗？ 我想念什么？

Answer 1

代码问题（让我们知道是否有任何帮助）：

1. 什么是x在的情况下， x(d.date) 你是说xData吗？

   x.attr("x", function(d) { return x(d.date); })

2. 这是在做什么 您尚未定义data或y 。 （或arrayObjectIndexOf和yOffset但我怀疑它们是隐含的）

   return y(data[arrayObjectIndexOf(data, d.date, 'date')].price) - yOffset;

另外，由于D3是数据处理库，因此当我们不知道您的数据是什么样时，通常很难提供帮助。 有时我们有个主意（ d.date ），但在这里可能很重要（因为您显然是在别处寻找价格，而不是d.price ）