rect d3jsの上にレンダリングする軸の値を取得できません。v4

これはplunker私はxAxisテキスト（状態）をrect要素の上にレンダリングしようとしています。rect d3jsの上にレンダリングする軸の値を取得できません。v4

.axis.axis--xを選択してrectの後に置きます。

また、私は様々なクラスと要素のZ-インデックスを成功させることなく変更しようとしました。

私が迷っていることを知っている人は誰ですか？

x軸の前にlayerコンテナ（四角形を含む）を挿入する必要があります。 my fork of your plunkerで

let barGroups = g.selectAll("g.layer").data(series); 
    barGroups.enter().insert("g", ".axis--x") // <== !!! 
    .classed('layer', true);

ルック：186-188文字列に対して、このようにコードを変更します。

2017-10-23 14:44:14

あなたの答えをありがとうが、私は[this]（https://bl.ocks.org/LemoNode/3268356bdb351f9921eaf5a33de65b10）のようなものを意味していたので、直前にテキストを置いて読めるようにする必要がありました。明確で、私の悪い –

ああ、申し訳ありません。私は自分の答えを更新しました。 –

正しい順序の<g>を維持することはうまくいくはずです。 <g class=".axis.axis--x">が文書の順序でバーの後に来ることを確認する必要があります。これを達成するには複数の方法があります。

// Stacked bars 
let barGroups = g.selectAll("g.layer").data(series); 
barGroups.enter().insert("g", ".axis.axis--x") 
    .classed('layer', true);

あなたのコードのこの作業forkを見てください：一つの方法は、右のx軸グループの前に棒を挿入するためにselection.insert("g", ".axis.axis--x")を使用することです。

2017-10-23 14:52:30 altocumulus

答えて