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