javascript - D3 円を上に持ってきますか?

Question

私は円のセットを一番上に持って来ようとしています。

[JS]
function brushUser(userList){
    userMapSvg.selectAll('circle')
        .data(userNodes)
        .classed('selected', function(d){
            if ( contains(userList, d.firmwideId)){
                return true;
            }
            else
                return false;
            });
}

[CSS]
#selector-usermap-body circle {
    fill: steelblue;
    z-index: 1;
}

#selector-usermap-body circle.selected{
    stroke: black;
    stroke-width: 2;
    z-index: 10;
}

しかし、それは機能していません。

CSSとクラスでこれを行う方法があるかどうか疑問に思っています。

質問はこれに似ていますが、エレガントな方法を探しています。

Answer 1

サークルに追加position:absolute;して、z-index を機能させる