Reactjs 正在忽略引用React状态的My Chart.js选项

需要明确的是，数据{}引用的数据集正在运行选项{}引用的状态选项没有应用到图中。以下是我的状态：

  constructor(props){
    super(props);

    this.state = {
      chartData: {
        labels: ['Landmass Covered By Warder', 'Other'],
        datasets: [{
          data: [34, 64],
          backgroundColor: ['#1F2324', '#34373A'],
          borderColor: ['rgb(8,14,16)'],
        }],
      },
      // make these options work:
      options: { 
        legend: {
            labels: {
                fontColor: "blue",
                fontSize: 18
            }
          }
        }
      }
    }

我特别尝试更改标签的字体颜色，但这些样式不适用。此状态仅从chart.js的甜甜圈图表组件调用：

      <div>
        <Doughnut 
        data={this.state.chartData}  
        options={this.state.options}
        />
      </div>

---

Chart.js 3+的选项设置不同。您的是将被忽略的v2设置

以下是代码沙盒供您参考：

• 图例现在将在插件下
• fontColor将是彩色的
• fontSize将是

  font:{size:xx}

v3中的图例配置：

---

我认为他们的文档存在一些问题，有时会将v2和v3语法混合在一起。令人困惑：（

Chart.js 3+在选项上有不同的设置。您的是v2设置，将被忽略

以下是代码沙盒供您参考：

• 图例现在将在插件下
• fontColor将是彩色的
• fontSize将是

  font:{size:xx}

v3中的图例配置：

---

我认为他们的文档存在一些问题，有时会将v2和v3语法混合在一起。让人困惑：（

非常感谢！非常感谢！

options: {
    plugins: {
        legend: {
            labels: {
                color: "blue",
                font: {
                   size: 18
                }
            }
        }
    }
}