Можно ли фильтровать данные, выбирая элемент таблицы с помощью dc.js?

Question

Можно ли фильтровать данные, выбирая элемент таблицы с dc.js?

Я работаю над примером nasdaq с моими собственными данными.

В DataTable У меня есть своя колонка под названием название:

.columns([ 
        function (d) { 
         return d.date; 
        }, 
        function (d) { 
         return d.name 
        }, 

..... 

я имею crossfilter imension и группы, созданной следующим образом, который я считаю правильным.

var name = ndx.dimension(function (d) { 
      return d.name 
     }); 
     var nameGroup = name.group(); 

Редактировать Вот HTML, где имя DC-ТАБЛИЧНО column_2

<table class="table table-hover dc-data-table dc-chart"> 
<thead> 
<tbody> 
<tr class="dc-table-group info"> 
<tr class="dc-table-row"> 
<td class="dc-table-column _0">05/01/2012</td> 
<td class="dc-table-column _1">12/31/9999</td> 
<td class="dc-table-column _2">Eric</td> 
</tr> 
</tbody> 

Когда кто-то нажимает на имя таблицы, я хочу, чтобы отфильтровать все диаграммы на основе этого имени и сделать некоторые метаданные в другом div (не связанном с d3 или crossfilter). Я не могу найти пример, где это достигается. Я пытался использовать событие d3s onClick(), но я не был успешным. Может ли кто-нибудь указать мне на решение?

Answer 1

не видя, где вы пытаетесь осуществить по щелчку, или DOM, я хотел бы предложить что-то вроде следующей общей структуры для осуществления OnClick:

d3.selectAll("DOM element associated with names in the table").on("click", function() { 

    //this line to store clicked item value for use later 
    var value = this.value; 

    d3.select("ids of charts"). 
    set properties to filter here using stored value 

    d3.select("unrelated DOM id").text(stuff you want rendered); 

В качестве альтернативы вы можете просто использовать HTML OnClick свойство для не связанные с d3 и d3.selectAll().on("click") для фильтрации вашего стола.

Смотрите здесь для того, что, как представляется, связанный с этим вопрос:

Redrawing histograms with Crossfilter and D3

Или здесь, где я сделал что-то концептуально подобное:

http://www.ryansloan.org/energapp/app.html