堆叠条形图的 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;}