Vuejs2 如何在vue chartjs中添加字体颜色

我在js中有以下代码

import { Bar } from 'vue-chartjs'


export default {
  extends: Bar,
  mounted () {
    // Overwriting base render method with actual data.
    this.renderChart({
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
      datasets: [
        {
          label: 'GitHub Commits',
          backgroundColor: '#ffff',
          data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11]
        }
      ],
    }, {responsive: true, maintainAspectRatio: false})
  }
}

---

我想更改字体的颜色，因为默认颜色是灰色。

您应该在选项中执行此操作。。。这个的第二个参数。renderChart

只需放置fontColor选项：

...
mounted () {
   // Overwriting base render method with actual data.
   this.renderChart({
      labels: [...],
      datasets: [
          ...
      ],
   }, 
   {
       responsive: true, 
       maintainAspectRatio: false,
       legend: {
          ...,
          fontColor: 'white'
       },
       ...
       scales: {
          yAxes: [{
            ticks: {
                ...
                fontColor: 'white'
            }
          }],
          xAxes: [{
            ticks: {
                ...
                fontColor: 'white',
            }
          }]
       }
   })
}

---

使用web检查器查找要在其上设置css的文本事件的类/选择器/xpath:…=这意味着对于具有单个轴的RadarCharts，可能有更多选项，请在“缩放”属性中添加以下内容：

pointLabels:{fontColor:'red'}