在ng2-charts / charts.js的饼图中更改标签颜色

时间:2020-05-21 20:05:44

标签: angular chart.js ng2-charts

使用ng2-charts并具有良好的饼图效果,看起来很棒,能够将标签和数据设置为有效,但不能从灰色更改标签颜色?

这是预期的还是如何覆盖默认标签的颜色?

似乎正在从Charts.js(#666)设置默认字体颜色,想知道我们是否可以在ng2-charts中覆盖它?

编辑使用的是chartjs-plugin-datalabels插件,并在文档中找到了答案。

1 个答案:

答案 0 :(得分:2)

您在寻找这个吗?Demo

 legend: {
  display: true,
  labels: {
    fontColor: 'red'
  }
},tooltips :{
  backgroundColor:'white',
  callbacks:{
    labelTextColor: function(tooltipItem, chart) { 
       return "black";     
    },

  }
}