dc.js - 无法平均绘制折线图

Question

我正在使用dc.js 创建折线图。

fiddle 的链接。

我面临的挑战是。我正在尝试绘制当前未发生的平均值的折线图。

在小提琴中，我有两个 javascript 变量，即 - dateHits 和 dateDimTotal。

dateHits 是使用 reduceSum 生成的，dateDimTotal 是日期的平均值。

如果我使用dateHits 对折线图进行分组。折线图出现没有任何问题。

但如果我将 dateHits 替换为 dateDimTotal，则不会出现任何内容。

有人帮我解决我做错的地方。

Answer 1

此jsfiddle 将按日期显示平均值。

平均值图：

（它看起来与您的 jsfiddle 中的原始图几乎相同，但 y 轴值不同）

我稍后会在代码中添加一些 cmets。

编辑：评论：

您几乎完成了，但需要几个代码才能使整个应用程序正常工作。

我用以下方式重写了 reduceXXX() 函数：

function reduceAdd(p, v) {
        ++p.count;
        p.total += v.value;
        if (p.count == 0) {
            p.average = 0;
        } else {
            p.average = p.total / p.count;
        };
        return p;
    }

    function reduceRemove(p, v) {
        --p.count;
        p.total -= v.value;
        if (p.count == 0) {
            p.average = 0;
        } else {
            p.average = p.total / p.count;
        };
        return p;
    }

    function reduceInitial() {
        return {
            count: 0,
            total: 0,
            average: 0
        };
}

因此，有一个字段average 将始终保持正确的值。我认为这样的代码组织更简洁，尽管可能有一些替代方案。

我也添加了访问器功能（以便 dc.js 知道要显示什么）：

    .valueAccessor(function(p) { return p.value.average; })

希望这会有所帮助。如果您有其他问题或需要澄清，请告诉我。