Angular TypeError:无法读取属性'；图例'；未定义的|角+；ng2图表

我得到一个

TypeError：当试图以角度显示chartjs图表的示例数据时，无法读取未定义的属性“图例”

我尝试过使用不同的示例或图表类型，但它总是抛出这个错误

HTML:

从html中删除
[legend]=“arbarChartLegend”

在TS中，
arbarChartOptions:any={legend:{display:true，labels:{fontColor:'black'}}
对我来说，初始化空的
arbarChartOptions就足够了，比如：

public arbarChartLabels: Label[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
public arbarChartType = 'bar';
public arbarChartLegend = true;
public arbarChartData: ChartDataSets[] = [
  {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'},
  {data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'}
];
public arbarChartOptions: ChartOptions = {}

要解决此错误，请尝试使用legend=true而不是[legend]=“arbarChartLegend”尝试，相同的错误请从html中删除
[legend]=“arbarChartLegend”
。在TS
arbarChartOptions:any={legend:{display:true，标签：{fontColor:'black'}
很有效，非常感谢！我可以添加它作为答案吗？我通过安装
ng2-charts-x
软件包解决了我的问题，该软件包用于解决
ng2-chart
的一些问题。
public arbarChartLabels: Label[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
public arbarChartType = 'bar';
public arbarChartLegend = true;
public arbarChartData: ChartDataSets[] = [
  {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'},
  {data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'}
];

public arbarChartLabels: Label[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
public arbarChartType = 'bar';
public arbarChartLegend = true;
public arbarChartData: ChartDataSets[] = [
  {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'},
  {data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'}
];
public arbarChartOptions: ChartOptions = {}