D3 - 设置类名的三元运算符

Posted 2021-03-30

我这里有一个傻瓜 - https://plnkr.co/edit/qDi8bm3xh3hdaV059AXX?p=preview

我有一套有两套酒吧的图表。

使用三元运算符和数组中的颜色对条形图进行着色。

我想在条形图上设置不透明度和填充图案，因此需要向条形图添加类。

如何使用三元运算符向条形图添加类。

.style('fill', (d, i) => {
    return i % 2 ? colors[1] : colors[0]
})

答案

.attr('class', (d, i) => {
    return i % 2 ? 'bar-fill' : 'bar-opacity'
})