Изменить цвет метки в c3js (c3.js)

Question

У меня очень простая круговая диаграмма c3js, но белые ярлыки теряются внутри желтого кусочка пирога (должен быть такой цвет). Есть ли способ изменить цвет только этой метки? Кроме того, есть ли способ изменить цвет всех этикеток?

 var chart = c3.generate({ 
    data: { 
     columns: [ 
     ['PC', 25077394], 
     ["Tablet", 3240595], 
     ["Mobile", 6427981], 
     ], 
     type : 'pie' 
    }, 
    legend: { 
    position: 'bottom' 

}, 
    axis: { 
     x: { 
     label: 'Sepal.Width' 
     }, 
     y: { 
     label: 'Petal.Width' 
     } 
    }, 
    }); 

    setTimeout(function() { 
    chart.data.colors({PC: '#2C9AB7',Tablet: '#FEBE12', Mobile: '#DB3A1B'}); 
    }, 1000); 

Answer 1

Вы можете сделать это с помощью css;

Чтобы изменить только желтый, который вы могли бы объявить следующий класс:

.c3-target-Tablet text { 
    fill: black; 
} 

красить их в черный цвет вы можете сделать что-то, как это (рассмотреть ее переработки, если вы не хотите, чтобы обратиться к каждый график!):

.c3-chart-arc text { 
    fill: black; 
}