繁体   English   中英

d3.js中的数据绑定

data binding in d3.js

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

注意:对于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;})  

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

我错过了什么?

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

提前致谢

1 个回复

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

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题
 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM