如何更改chartjs / vue-chartjs中某些行的颜色？

npm install chart.js vue-chartjs

<template>
  <div>
    <line-chart :chart-data="chartData"></line-chart>
  </div>
</template>

<script>
import { Line } from 'vue-chartjs'

export default {
  extends: Line,
  data() {
    return {
      chartData: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [
          {
            label: 'Data One',
            backgroundColor: 'rgba(75, 192, 192, 0.2)',
            borderColor: 'rgba(75, 192, 192, 1)',
            data: [40, 39, 10, 40, 39, 80, 40]
          },
          {
            label: 'Data Two',
            backgroundColor: 'rgba(153, 102, 255, 0.2)',
            borderColor: 'rgba(153, 102, 255, 1)',
            data: [60, 55, 32, 10, 2, 12, 53]
          }
        ]
      }
    }
  },
  mounted() {
    this.renderChart(this.chartData, {})
  }
}
</script>

datasets: [
  {
    label: 'Data One',
    backgroundColor: 'rgba(255, 99, 132, 0.2)', // 更改为红色
    borderColor: 'rgba(255, 99, 132, 1)', // 更改为红色
    data: [40, 39, 10, 40, 39, 80, 40]
  },
  // ... 其他数据集
]

<script>
// ...
data() {
  return {
    chartData: {
      // ...
      datasets: [
        {
          label: 'Data One',
          backgroundColor: this.dataOneColor, // 使用变量
          borderColor: this.dataOneBorderColor, // 使用变量
          data: [40, 39, 10, 40, 39, 80, 40]
        },
        // ...
      ]
    },
    dataOneColor: 'rgba(75, 192, 192, 0.2)',
    dataOneBorderColor: 'rgba(75, 192, 192, 1)'
  }
},
methods: {
  changeColors() {
    this.dataOneColor = 'rgba(255, 99, 132, 0.2)'; // 更改为红色
    this.dataOneBorderColor = 'rgba(255, 99, 132, 1)'; // 更改为红色
    this.$data._chart.update(); // 更新图表
  }
}
// ...
</script>