Dc.js 折线图不显示交叉过滤数据

Question

我一直为此苦思冥想，但我终究无法理解为什么我的 dc.js lineChart 没有显示来自交叉过滤数据对象的数据。我基本上是在尝试逐字复制粘贴，您可以在此处以工作格式找到 dc.js 的 d3noob 书籍示例：

但是，当我尝试在我的本地服务器或 blockbuilder 上复制粘贴这个完全相同的源代码时，折线图是空白的并且不显示任何数据。你可以在这里找到我目前的尝试：

我什至确保包括 d3noob 在他的书中示例（有效）中使用的确切 javascript 库和 css 以确保这不是与较新版本的兼容性问题一些图书馆，但这没有任何区别。如果有任何帮助，我将不胜感激！

Answer 1

好吧，我似乎已经找到解决方法了。看来我下载的数据文件与 d3noob 在他的区块上发布的数据文件具有不同的数据日期范围。如果我将时间图表的 hard-coded 域替换为：

.x(d3.time.scale().domain([new Date(2013, 6, 18), new Date(2013, 6, 24)]))

对此：

.x(d3.time.scale().domain([new Date(2013, 7, 9), new Date(2013, 7, 18)]))

事情开始奏效了。当然，正确的做法是避免 hard-coding 开始使用这个：

.x(d3.time.scale().domain(d3.extent(data, function(d) { return d.dtg; })))

Dc.js lineChart not displaying crossfiltered data