Angular ng2图表chartsjs插件标签选项不工作

我正在使用Angular（v9）、ng2图表、chart.js（v2.9）和chartjs插件数据标签

我让我的图表显示标签，太好了。 现在我想使用一些选项来给标签上色并定位它们

我正在导入标签，如下所示：

import * as pluginDataLabels from 'chartjs-plugin-datalabels';

这很好：

public barChartOptions = {
  maintainAspectRatio: false,
  scaleShowVerticalLines: false,
  responsive: true,
  plugins: {
    pluginDataLabels
  }

这不是：

public barChartOptions = {
    maintainAspectRatio: false,
    scaleShowVerticalLines: false,
    responsive: true,
    plugins: {
      pluginDataLabels: {
        color: 'blue'
      }
    }

在此方面的任何帮助都将不胜感激。当我尝试添加任何选项时，标签就会消失

根据，插件进入

插件阵列。插件的选项进入插件id下的
Options.plugins
对象。根据

您需要定义选项
plugins.labels.fontColor
，以获得所需的结果

public barChartOptions = {
  ...
  plugins: {
    labels: {
      fontColor: 'blue'
    }
  }

从文件：

fontColor
：字体颜色，可以是用于动态颜色的每个数据或函数的颜色数组

因此，如果不同的数据值需要不同的标签颜色，
fontColor
也可以定义如下：

public barChartOptions = {
  ...
  plugins: {
    labels: {
      fontColor: ['blue', 'red', 'green']
    }
  }

你尝试过这样的东西吗：plugins:{pluginDataLabels:{…pluginDataLabels，color:'blue'}}谢谢你的建议，这并没有解决问题。宾果。尽管显示的标签在我的选项数组中调用它，但要访问标签选项，插件必须在其自己的插件数组中调用。杰夫，非常感谢你的帮助。干杯
public barChartOptions = {
  ...
  plugins: {
    labels: {
      fontColor: ['blue', 'red', 'green']
    }
  }