离子在同一页面中使用多个chart.js画布

有人在同一页面中使用多个画布的例子吗？

我在 HTML 中有这样的内容：

在 .ts 文件中：

@ViewChild("pieCanvas") pieCanvas: ElementRef;
for (var j = 0; j {
let htmlRef = document.getElementById('pieCanvas'+j);
this.pieCanvas = new Chart(htmlRef,piechartdata);
}


始终获取null不是对象（评估“ item.length”）错误。

只有一张图表就可以完美地工作，但是我在这里使用了某物。像

this.barCanvas = new Chart(this.barCanvas.nativeElement......


我用Google搜索，但找不到解决方案。

感谢您的帮助！

我已经找到了解决方法....最终!!!

在html中：

然后在ts中：
    @ViewChildren（'barCanvas'）画布列表：QueryList;
    图表：任意；

及之后：

this.Canvaslist.changes.subscribe(c =>
{ c.toArray().forEach(item =>
{
this.Canvaslist = new Chart(item.nativeElement,pieData[j]);
j = j+1;
})
});


这可以解决问题