Chart.js 甜甜圈文字颜色

Question

如何分别更改甜甜圈文本颜色和甜甜圈填充颜色？我有这样的东西：

var  color = [ "#3F9F3F", "#FFFFFF" ];
var chartData =  {
  label :  myLabels, 
  data : myData,
  colors : color
};

第二个颜色属性覆盖我尝试过的任何其他属性。什么属性，特别是甜甜圈，可以解决这个问题？

我希望文本颜色不同于图表中的黑色。

编辑：

这是我发现的一个显示基本图表的 jsfiddle。

问题是，如何改变甜甜圈内的字体颜色？

编辑 2：

意识到甜甜圈内的文字颜色虽然受到辅助颜色的影响，但实际上是使用 canvas.fillText() 绘制的。因此，我只需要添加 .fillStyle = "whatever" 就可以了。

Answer 1

改变

    var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(pieData,{percentageInnerCutout : 80});

来自

    var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(pieData,doughnutOptions);

对于你的颜色文本你可以添加这个选项

var doughnutOptions= {
 scaleLabel: '<p style="color: red"><%=value%></p>'
}

根据您想要的颜色更改style="color: red"

Answer 2

意识到甜甜圈内的文字颜色虽然受到辅助颜色的影响，但实际上是使用 canvas.fillText() 绘制的。因此，我只需要添加 .fillStyle = "whatever" 就可以了。

Chart.js doughnut text colors