Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何显示交叉滤波器输出?_Javascript_Crossfilter - Fatal编程技术网

Javascript 如何显示交叉滤波器输出?

Javascript 如何显示交叉滤波器输出?,javascript,crossfilter,Javascript,Crossfilter,我已经开始学习交叉过滤器来分组我的数据。我从web上获取了一个示例代码,我能够使用console.log(objects)在console中看到结果。但我如何在页面中以表格格式显示它们呢?页面看起来是空的 我试着如下 <!DOCTYPE html> <meta charset="utf-8"> <script src="//cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.9/crossfilter

我已经开始学习交叉过滤器来分组我的数据。我从web上获取了一个示例代码,我能够使用console.log(objects)在console中看到结果。但我如何在页面中以表格格式显示它们呢?页面看起来是空的

我试着如下

    <!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>

var-arr=[];
对于(变量i=0;i<100;i++){
对于(var j=0;j<100;j++){
对于(vark=0;k<100;k++)arr.push({a:i,e:{b:j,c:k});
}
}
var cf=交叉滤波器(arr),
a=cf.dimension(函数(d){返回d.a;}),
e=cf.dimension(函数(d){返回d.e;});
var counts=e.group(函数(d){返回d.b;})
.reduceCount()
.orderNatural()
.top(无穷大);
控制台日志(计数);
提前感谢

看一看。DC很好地包装了D3和CrossFilter,因此您可以快速、轻松地显示图形——此外,图形还可以用于交互过滤彼此。它功能强大,使用非常方便


另外,请查看DC的DataTable控件,该控件用于显示表格过滤数据。

我们可以使用d3进行表格渲染吗?