Angular 6 ChartJS динамически создает холст и создает на нем график - пример?

Question

Есть ли у кого-нибудь пример того, как динамически создавать холст в * ngFor и использовать эти холсты для создания на них CharJs?

например:

<div *ngFor="let item of Products; let i = index">
  <canvas id="canvas{{i}}" #myId></canvas>
</div>

Что мне нужно использовать, чтобы получить myId: @ViewChild? @ViewChildren? Как получить ссылку на элемент для использования в

var chart = new Chart( =>'element'<=, {....});

Может быть один или несколько холстов и графиков в зависимости от того, сколько товаров в массиве Products.

Пожалуйста, если возможно, покажите пример.

Спасибо

Answer 1

У меня нет примера. Я все еще ищу его, и хотя я не уверен, насколько полезным этот комментарий, учитывая, что я опоздал на 24 дня ...

Вверху моей головы вы можете использовать компонент для отображения каждого графика. Каждый компонент будет отвечать за визуализацию своей диаграммы. И затем в цикле ngFor вы объявляете компонент, а не диаграмму.