2014-10-08 2 views
0

Я начал изучать crossfilter, чтобы сгруппировать данные. Я взял пример кода из Интернета, и я могу видеть результаты в консоли с помощью console.log (objects). Но как я могу показать их на странице в формате таблицы? страница выглядит пустой.Как показать выход перекрестного фильтра?

Я стараюсь, как показано ниже.

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

Заранее спасибо

+0

можно ли использовать d3 для рендеринга таблицы? –

ответ

0

Посмотрите на DC.js. DC прекрасно обертывает D3 и CrossFilter, чтобы вы могли быстро и легко отображать графики. Кроме того, графики могут использоваться для интерактивного фильтрации друг друга. Он мощный и очень прост в использовании.

Кроме того, проверьте элемент управления DataTable DC, который является элементом управления для отображения табличных фильтрованных данных.

Смежные вопросы