我一直在使用链接图表的仪表板来显示循环数据,并希望添加日历/热图作为最终图表。我已经在dc.js Google群组中查看了类似的question和此discussion,但看起来两者都变冷了。
我希望沿着x轴显示一周中的几天,沿着y轴显示一天中的几小时,并且颜色表示在一周的给定日期中有多少人乘坐的数量。给定的一小时。也就是说,我希望热图中的单元格对应于星期三中午12点,表示星期三中午12点乘坐任何的乘客总数(依此类推所有其他日期和时间)。主要问题在于我如何在crossfilter中拆分变量。 x轴看起来正确,但y轴当前显示NaN' s。
我一直在尝试关注this one等示例,但主要问题是这些示例源自包含一个列的数据,该列具有要映射到单元格颜色的预先计算的值。我需要简单地计算满足特定条件的记录数(即每个星期四上午10点有多少骑手?)并将这些值映射到颜色。任何帮助,将不胜感激。代码和代表性数据子集here,即here。
答案 0 :(得分:2)
我相信
d.hour = d3.time.hour(d.dd);
当您实际需要的是一个数字时,会导致将Date对象分配给d.hour。然后,您将该对象强制转换为valueAccessor中的数字,这会导致NaN问题。也许尝试将其改为
d.hour = +d.dd.getHours();
看看是否摆脱了NaN问题?