3

dc.jsでテーブル要素を選択してデータをフィルタリングすることはできますか?

私は自分のデータを使ってナスダックの例に取り組んでいます。

データテーブルには、 name という独自の列があります。

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

 .....

私は正しいと思う次のようにクロスフィルターの寸法とグループを設定しています。

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

編集 これは、名前が dc-table-column_2 である html です。

<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 またはクロスフィルターとは関係ありません) にいくつかのメタデータをレンダリングします。これが達成された例が見つかりません。d3s onClick() イベントを使用しようとしましたが、成功しませんでした。誰かが私に解決策を教えてもらえますか?

4

1 に答える 1