はどのようにグループ化されたバーチャートd3js v4の

Question

をソートするために、このblock（FIXED）私はthisと同様にソート機能を行うことを試みました。

技術的にはバーをソートしますが、ソートのチェックボックスをチェックして年をシフトすると意味がわかります。

私はそれが唯一の dataなく keysおよび/または copy変数に基づいていますが、私は任意の成功なしに言及した変数に基づいて方法のすべての種類のソートしようとした仕分けだという事実とは何かを持っていたと考え

。

わからないことが分からない場合は、何か助けてください！

Answer 1

ここに行く！あなたの前のコードではあまり変更は必要ありませんでした。

Plunker

だから、これはbarGroupsへのデータバインディングに関連していました。データがソートまたは変更されるたびに、新しいデータが "g.layer"にバインドされ、d3の更新方法によって、これはどのように動作するのでしょうか。

新しいコードの変更：

• 変換なし属性でソートするデータの上に移動barGroupsコード。
• x0ドメインが定義された後にグループに変換属性が追加されました。

関連するコード：

ソート機能上：

// bars 
let barGroups = g.selectAll("g.layer").data(data); 
barGroups.enter().append("g") 
    .classed('layer', true); 

barGroups.exit().remove(); 

X0ドメインが設定されると：

g.selectAll("g.layer").transition().duration(Globalvar.durations) 
    .attr("transform", function(d, i) { 
    return "translate(" + x0(d.State) + ",0)"; 
    }); 

は、この情報がお役に立てば幸い！ :)