d3.js中的数据绑定

Question

注意：对于javascript和d3.js（昨天开始），我是一个全新的人，如果我忽略了明显的内容，我深表歉意。

我在理解d3如何处理数据以及数据绑定如何工作方面遇到问题。 我试图重新创建此热图 ，不同之处在于我的起始表应包括标签而不是索引。 （数据来自数据库请求）。

 day hour   value
 Mon am 16
 Mo pm 20
 Tue am 0
 Tue pm 0
 Wed  am 45
 Wed pm 8

我知道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 d.hour, i * gridSize;})  
          .attr("y", function(d,i) {return d.day, i * gridSizee;})  

但是我把盒子弄得奇怪了。

我错过了什么？

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

提前致谢

Answer 1

您正在使用的函数将索引作为第二个变量，将数据作为第一个变量，因此您需要调用data变量，但是可以忽略它：

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