Javascript d3.js中的数据绑定

Javascript d3.js中的数据绑定,javascript,d3.js,heatmap,Javascript,D3.js,Heatmap,注:我对javascript和d3.js(从昨天开始)完全陌生,如果我忽略了一些显而易见的东西,我深表歉意 我在理解d3如何处理数据以及数据绑定如何工作时遇到了问题。 我正试图重现这个 不同的是,我的起始表应该包含标签而不是索引。(数据来自数据库请求) 我知道d3.js有一个变量,变量d(用于数据)和I(用于索引),但我不知道如何使用它 到目前为止,我已尝试更换线路 .attr("x", function(d) { return (d.hour - 1) * gridSize

注:我对javascript和d3.js(从昨天开始)完全陌生,如果我忽略了一些显而易见的东西,我深表歉意

我在理解d3如何处理数据以及数据绑定如何工作时遇到了问题。 我正试图重现这个 不同的是,我的起始表应该包含标签而不是索引。(数据来自数据库请求)

我知道d3.js有一个变量,变量d(用于数据)和I(用于索引),但我不知道如何使用它

到目前为止,我已尝试更换线路

          .attr("x", function(d) { return (d.hour - 1) * gridSize; })
          .attr("y", function(d) { return (d.day - 1) * gridSize; })

但我得到了一个奇怪的盒子安排

我错过了什么

我真正的问题是: 如何访问索引而不是值


提前感谢

您使用的函数将索引作为第二个变量,数据作为第一个变量,因此您需要调用数据变量,但可以忽略它:

 .attr("x", function(d,i) {return i * gridSize;}) 

谢谢这澄清了我的一个错误来源。然而,我花了一段时间才明白我的代码无法工作。用于生成位置的索引实际上是唯一数组的索引,而不是我使用的数组的索引。最后,我(在python中)创建了一个包含索引和标签的json文件。如果有人可以把它贴在这里,它可以帮助别人
          .attr("x", function(d,i) {return d.hour, i * gridSize;})  
          .attr("y", function(d,i) {return d.day, i * gridSizee;})  
 .attr("x", function(d,i) {return i * gridSize;})