D3为CSS颜色，用于堆叠条形图

Question

I am trying to implement color in stacked bar chart in D3 using CSS. Right now in D3 we are creating the bar chart using enter, update, exit using color like below. The i in the code is the index.

    var stackedBarEnter = stackedBar.enter()
        .append('g')
        .attr('class', function(d,i) {
            return 'stacked bar color-'+i;
});

In CSS I have tried different things: .rect stacked bar color-[0] rect { fill:red; }

Is there anything I am doing wrong, or any suggestions regarding how I could fill color in CSS? We were told previously that we should be doing it just like this pseudo-code: {fill: red;}

Answer 1

In your current little code blurb you don't have a .rect class to select. Try using g .stacked .bar .color-[0] {fill:red;}