Javascript DC.js热图列和行过滤不工作

Javascript DC.js热图列和行过滤不工作,javascript,json,d3.js,dc.js,crossfilter,Javascript,Json,D3.js,Dc.js,Crossfilter,我有一个热图,由于某种原因,它不允许我选择行和列。我可以选择单个框,但选择不可见(即,其他框不灰显) 该代码几乎是从中复制粘贴的,但它是其他4个图形的一部分。 我正在使用v2.1.0-dev(从Github开始大约2天) 我在某个地方读到,它可能与需要有序的刻度有关,但我不确定如何在热图中设置它 我的热图代码: var dayBurnChart = dc.heatMap("#day-heat-map"); var dayDim = ndx.dimension(function(d) {retur

我有一个热图,由于某种原因,它不允许我选择行和列。我可以选择单个框,但选择不可见(即,其他框不灰显) 该代码几乎是从中复制粘贴的,但它是其他4个图形的一部分。 我正在使用v2.1.0-dev(从Github开始大约2天)

我在某个地方读到,它可能与需要有序的刻度有关,但我不确定如何在热图中设置它

我的热图代码:

var dayBurnChart = dc.heatMap("#day-heat-map");
var dayDim = ndx.dimension(function(d) {return [+d.DayWeek, +d.Week]});
var dayTotal = dayDim.group().reduceSum(function(d) {return +d.afzet;});

dayBurnChart
    .width(450).height(250)
    .dimension(dayDim)
    .group(dayTotal)
    .keyAccessor(function(d) {return +d.key[0];})
    .valueAccessor(function(d) {return +d.key[1];})
    .colorAccessor(function(d) {return +parseFloat(d.value).toFixed(2);})
    .colsLabel(function(d) {return weekNames[d]; })
    .colors(["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8"])
    .calculateColorDomain();
一些数据:

var data = [
    {"date": "1-10-2015",   "afzet": 603.58},
    {"date": "2-10-2015",   "afzet": 523.25},
    {"date": "3-10-2015",   "afzet": 392.92},
    {"date": "4-10-2015",   "afzet": 420.5},
    {"date": "5-10-2015",   "afzet": 574.66},
    {"date": "6-10-2015",   "afzet": 478.03},
    {"date": "7-10-2015",   "afzet": 586.3},
    {"date": "8-10-2015",   "afzet": 539.46}
];
日期分析器:

var parseDate = d3.time.format("%d-%m-%Y").parse;
data.forEach(function(d) {
    d.date = parseDate(d.date);
    d.Day = d.date.getDate();
    // Get day of the week, start at Monday (=1)
    d.DayWeek = d.date.getDay();
      if(d.DayWeek === 0){d.DayWeek = 7}
    d.Week = d.date.getWeekNumber();
});
var ndx = crossfilter(data);

Date.prototype.getWeekNumber = function(){
    var d = new Date(+this);
    d.setHours(0,0,0);
    d.setDate(d.getDate()+4-(d.getDay()||7));
    return Math.ceil((((d-new Date(d.getFullYear(),0,1))/8.64e7)+1)/7);
};

你的代码看起来很好。你能创建一个小提琴,我们可以帮你调试吗?如果在dc.js中有一个日历热图的示例,那就太好了,让我们开始工作吧!这确实有效,但也有一些问题。我有一个,但我应该发布一个基本的图表和数据。我明天会这样做,看看你的代码。你的例子似乎完全有效?我只需要添加一个
dc.renderAll()
来显示它。也许你在你的原作中遗漏了css?这是。听上去你肯定缺少dc.css或者你的版本不对,因为那是。嗨@purepilture,如果你已经弄明白了,你介意发布一个简短的答案吗?这似乎是其他人会遇到的事情。