首先，在component.ts中导入ChartOptions对象：

import { ChartOptions } from 'chart.js';

在component.ts中创建一个新变量：

public options: ChartOptions = {
  legend: {
    display: true,
    position: 'right'  // <=========== change this to the position you like.
  },
  title: {
    display: true,
    text: "Employee Details",
  }
  // ... and so on. see below about options
}

现在，在component.html中，将options变量添加到<canvas>中：

<canvas baseChart
                [data]="monthStatsData"
                [labels]="monthStatsLabel"
                [chartType]="monthStatsType"
                [options]="options" 
                (chartHover)="chartHovered($event)"
                (chartClick)="chartClicked($event)"></canvas>

Read more about ng2-chart options and customization here

我对ng 2-Charts一无所知，但你可能需要添加一些东西

[options] = "chartOptions"

到你的基础图表

public chartOptions: legend = {
    position: 'right'
  };

对于最新的ng2-charts（v4.0.1）和chart.js，您需要使用以下代码：

public options: ChartOptions<'pie'> = {
  plugins: {
    legend: {
      position: 'doughnut'
    },
  }
};

请注意，legend位于plugins之下。这可以在官方文档中找到：

• https://www.chartjs.org/docs/latest/configuration/legend.html

具体而言，本部分：
命名空间：options.plugins.legend，图表图例的全局选项在Chart.defaults.plugins.legend中定义。
不要忘记更新模板：

<canvas baseChart
        ...
        [options]="options">
</canvas>

我刚和Angular 14一起用的