【问题标题】:Change label color on pie-chart of ng2-charts/charts.js更改 ng2-charts/charts.js 饼图上的标签颜色
【发布时间】:2020-09-08 13:59:45
【问题描述】:

使用 ng2-charts 并有一个很棒的饼图工作并且看起来很棒,能够将标签和数据设置为工作但不能将标签颜色从灰色更改?

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

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

Edit 正在使用 chartjs-plugin-datalabels 插件,并在文档中找到了答案。

【问题讨论】:

  • 注意:这是饼图本身的标签。不是传说。

标签: angular chart.js ng2-charts


【解决方案1】:

你在找这个吗?Demo

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

  }
}

【讨论】:

  • 那只会改变图例颜色?不更改标签饼图的颜色。当我输入并检查代码时,我意识到它也在我身上,例如我正在使用数据标签插件,而那些数据标签没有更新颜色。现在查看那个库,感谢演示!
  • 是的,这就是问题所在,找到了这些文档:chartjs-plugin-datalabels.netlify.app/guide/…!
猜你喜欢
  • 2021-12-08
  • 1970-01-01
  • 2021-11-08
  • 2017-02-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多