グリッド線を前面に持っていくにはどうすればいいですか？

d3グラフでは、どのようにしてバーの前面または背面にグリッド線を表示できますか？どちらのパラメータが同じものですか？グリッド線を前面に持っていくにはどうすればいいですか？

ダニのためのコードがある： -

var yAxisGrid = yAxis.ticks(numberOfTicks) 
.tickSize(w, 0) 
.tickFormat("") 
.orient("right");

出典

2016-10-25 separ1

？ –

これには円があります。半径を広げて、グリッド線が後退するのを見ることができます。 – separ1

SVGにおけるZインデックス（http://www.w3schools.com/cssref/pr_pos_z-index.asp）と同様何もありません。

だから、あなたの質問：

パラメータは同じのために責任がありますか？

回答があります：なしです。

これはルールです。誰が後で絵を描くかは、キャンバスにインクを使用している実際の画家のように。

したがって、円のコードをグリッド線のコードの前に移動してください。

//create the circles 
svg.selectAll("circle") 
.data(dataset) 
.enter() 
.append("circle") 
/)... 

//draw axes here 
svg.append("g") 
.attr("class", "axis") //assign "axis" class 
.attr("transform", "translate(0," + (h - padding) + ")") 
.call(xAxis); 
//...

これはあなたの更新フィドル（私は円が大きくなる）です：http://jsfiddle.net/e4L7sn37/

バーである

出典

2016-10-25 10:32:03

このフィドルでhttps://jsfiddle.net/rBfy5/2218/最初にグリッド線を追加してから、グリッド線が上に来るようにしてください – separ1

あなたはそう思ったかもしれませんが、そうしなかったでしょう。今すぐ確認してください：https://jsfiddle.net/or61mqLg/ –

私は以前に同じことを試みましたが、それは現れていませんでした。私は今、 "svg.selectAll（ 'g'）" svg.selectAll（ '。g'）の代わりに "svg.selectAll"をやったことがわかります。しかし、あなたの忍耐をありがとう:) – separ1

グリッド線を前面に持っていくにはどうすればいいですか？

答えて

関連する問題