更改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;
}