我收到了 TypeError: Cannot read property 'legend' of undefined
尝试以 Angular 显示 chartjs 图表的示例数据时。
我尝试使用不同的示例或图表类型,但它一直抛出此错误。
HTML:
<div class="chartwrapper">
<canvas baseChart class="chart"
[datasets]="arbarChartData"
[labels]="arbarChartLabels"
[options]="arbarChartOptions"
[legend]="arbarChartLegend"
[chartType]="arbarChartType">
</canvas>
</div>
TS:
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'}
];
最佳答案
删除 [legend]="arbarChartLegend"
从你的 html。
在 TS, arbarChartOptions: any = { legend: { display: true, labels: { fontColor: 'black' } }
关于angular - 类型错误 : Cannot read property 'legend' of undefined | Angular + ng2-charts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55962275/