如何显示crossfilter输出?

时间:2014-10-08 11:27:56

标签: javascript crossfilter

我已经开始学习crossfilter来分组我的数据。我从网上获取了一个示例代码,我可以使用console.log(对象)在控制台中查看结果。但是如何以表格格式在页面中显示它们?页面看起来是空的。

我正在尝试如下。

    <!DOCTYPE html>
    <meta charset="utf-8">
    <script src="//cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.9/crossfilter.min.js"></script>
    <script>
    var arr = [];

    for (var i = 0; i < 100; i++) {
        for (var j = 0; j < 100; j++) {
            for (var k = 0; k < 100; k++) arr.push({a: i, e: { b: j, c: k}});
        }
    }

    var cf = crossfilter(arr),
        a  = cf.dimension(function(d) { return d.a; }),
        e  = cf.dimension(function(d) { return d.e; });

    var counts = e.group(function(d) { return d.b; })
                  .reduceCount()
                  .orderNatural()
                  .top(Infinity);

    console.log(counts);

    </script>

提前致谢

1 个答案:

答案 0 :(得分:0)

看看DC.js。 DC很好地包装了D3和CrossFilter,因此您可以快速轻松地显示图形 - 此外,图形可以用于交互式过滤。它功能强大且易于使用。

另外,查看DC的DataTable控件,它是显示表格过滤数据的控件。