Javascript 日历热图dc.js

我一直在使用链接图表的仪表板来可视化循环数据，并希望添加日历/热图作为最终图表。我在dc.js谷歌群组中也看到了类似的例子，但看起来两者都已经过时了

我想沿x轴显示一周中的几天，沿y轴显示一天中的几个小时，并用颜色表示一周中某一天某一小时有多少人骑车。也就是说，我希望热图中对应于周三下午12点的单元格表示任何周三下午12点乘坐的乘客总数（以及其他所有日子和小时的乘客总数）。主要的问题是如何在crossfilter中分解变量。x轴看起来正确，但y轴当前显示的是NaN

我一直在尝试以下示例，例如，但主要问题是，这些示例源于包含一列的数据，该列具有要映射到单元格颜色的预计算值。我需要简单地计算满足特定标准的记录数（即，所有周四上午10点有多少乘客？），并将这些值映射到颜色。任何帮助都将不胜感激。代码和数据的代表子集，即我相信

d.hour = d3.time.hour(d.dd);

结果是一个日期对象被指定为d.hour，而您实际需要的是一个数字。然后将该对象强制转换为valueAccessor中的一个数字，这将导致NaN问题。也许试着把它改成

d.hour = +d.dd.getHours();

---

看看这是否解决了NaN问题？

这仍然会导致沿y轴的NaN。但是，我现在可以更容易地构建小时组，这很有帮助。我假设我的变量被发送到图表中的

.group（）

方法不正确。我发现了一些问题。我只需要在

xyDim

变量中定义一个分组变量

xyDimGroup

，并将其发送到

.group（）

图表方法。如果没有您指出

.getHours（）

函数，这是不可能的。非常感谢。