Asp.net mvc DC.js堆叠折线图不工作

使用dc.js创建图表的教程或指南是否比他们的文档中提供的更完整？我试图创建一个简单的折线图，有两个堆叠的层次。我正在使用以下csv：

我希望WasteDate在x轴上，WasteData在y轴上。此外，我希望一层是废物功能最小化，另一层是废物功能处理。这应该会给我提供如下信息（非常粗略）：

现在，据我所知，我需要使用交叉过滤器为x轴创建一个维度，然后为我的两个堆栈创建一个过滤维度

x轴的尺寸将为以下日期：

// dimension by month
var Date_dim = ndx.dimension(function (d) {
    return d.WasteDate;
});

// Get min/max date for x-axis
var minDate = Date_dim.bottom(1)[0].WasteDate;
var maxDate = Date_dim.top(1)[0].WasteDate;

然后我需要为y轴创建一个尺寸，然后为每个堆栈过滤它

// WasteType dimension
var WasteFunction_dim = ndx.dimension(function (d) {
    return d.WasteFunction;
});

// Minimisation Filter
var WasteFunction_Disposal = WasteFunction_dim.filter("Disposal");

// Disposal Filter
var WasteFunction_Minimisation = WasteFunction_dim.filter("Minimisation");

然后我应该能够使用这些设置图表：

moveChart
    .renderArea(true)
    .width(900)
    .height(200)
    .dimension(Date_dim)
    .group(WasteFunction_Minimisation, 'Minimisation')
    .stack(WasteFunction_Disposal, 'Disposal')
    .x(d3.time.scale().domain([minDate, maxDate]));

现在，我无法通过

RenderAll（）函数传递此错误：



完整代码：




废物最小化图表
没错，dc.js没有太多文档。有人可以写一本书，但它没有发生。人们大多依靠例子来开始，这本书是一本很好的初读

代码中最大的问题是这些不是交叉过滤组。要有效地使用dc.js，您确实需要学习交叉过滤器的概念。交叉过滤器有，但它也非常密集，你必须读几遍

如果您想通过对话获得更好的理解，请随时加入我们。这确实需要一段时间来获得这个想法，但它是值得的