D3到堆叠条形图的CSS颜色

Question

我正在尝试使用CSS在D3中的堆积条形图中实现颜色。现在在D3中我们使用输入，更新，退出使用如下颜色创建条形图。代码中的i是索引。

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

在CSS中，我尝试了不同的东西：        .rect堆积条颜色 - [0] rect {fill：red; }

我有什么问题，或者有关如何在CSS中填充颜色的任何建议？我们之前被告知我们应该像这个伪代码那样做：{fill：red;}

Answer 1

在您当前的小代码模糊中，您没有.rect类可供选择。尝试使用g .stacked .bar .color- [0] {fill：red;}