Jquery c3条形图标签颜色

我使用下面的c3代码构建了一个图表

            c3.generate({
        bindto: '#total_revenue',
            data: {
            x : 'x',
            columns: [
                ['Total Revenue',1.7,1.7,2.0,2.1,0],
                ['x','Less than 10M', '10M - 20M','20M - 40M','40M - 100M','More than 100M'],
            ],
            type: 'bar',
            labels:{
                format:{
                    'Total Revenue':  function (v, id, i, j){
                        return (v);
                    }
                }
            },
            colors: {
                'Total Revenue': function(d) {
                    if(d.value > 3){
                        return '#0075BD';
                    } 
                    if(d.value > 2){
                        return '#B0D1F2';
                    } else {
                        return '#F7A71A';
                    }
                }
            },
        },          
        size: {
            height: 220,
        },
        axis: {
            rotated: true,
            x: {
                type: 'category',
                tick: {
                    rotate: 75,
                    multiline: false
                },
            },
            y: {
                min: 1,
                max: 4,
                tick: {
                    values: [1, 2, 3, 4]
                }
            },
        },
        legend: {
        show: false
    },
    });     

这显示了下面的输出响应

现在我可以看到我想看到的结果了。但栏中的标签颜色不正确。我需要酒吧的颜色是黄色，蓝色等，而在需要保持酒吧价值标签为黑色

这方面的任何帮助都能帮上忙！谢谢

---

JS FIDDLE:

C3.JS没有提供通过C3框架本身向标签添加颜色的选项。您必须找到HTML元素并设置其样式

.c3-chart-texts text {
   fill: red !important;
}

添加

！重要信息

在这种情况下是必需的

更新：

您可以更具体地更改每个标签的颜色：

.c3-chart-texts .c3-text-0 {
   fill: blue !important;
}

.c3-chart-texts .c3-text-1 {
   fill: red !important;
}

---

我希望这能解决您的问题。

很抱歉，它没有任何作用。我的图表仍然是一样的。只是需要复制上面的样式并添加它吗？@HariharanV。是的，只需添加上面的样式。也许你必须加上！重要的是我没有试图添加！同样重要，但最终没有结果result@HariharanV. 那我就不知道了。你能给我一个JSFIDLE吗？还是url？@HariharanV。没问题