javascript - 堆叠条形图的 D3 到 CSS 颜色

Question

我正在尝试使用 CSS 在 D3 中的堆叠条形图中实现颜色。现在在 D3 中，我们正在使用 enter、update、exit 使用颜色创建条形图，如下所示。代码中的i是索引。

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

在 CSS 中我尝试了不同的东西: .rect stacked bar color-[0] rect { 填充:红色；

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

Answer 1

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