Как получить объект canvas / ctx в Chart.js для проекта Angular

Question

Я пытаюсь использовать Chart.js для своего приложения Angular для построения линейной диаграммы, но я не могу правильно получить объекты canvas и ctx.

Вот мой html:

<canvas id="myChart" width="600" height="400"></canvas>

, а вот мой машинописный код, где я пытаюсь получить холст и ctx:

    var canvas = <HTMLCanvasElement>document.getElementById("myChart");
    var ctx = canvas.getContext("2d");

Видимо холст невосстановлен правильно, потому что я получаю сообщение об ошибке:

Cannot read property 'getContext' of null

В настоящее время я использую chart.js 2.7.2.Кто-нибудь знает, что я делаю не так?

Answer 1

Разобрался для всех, кто заинтересован.Моя проблема была связана с тем, где я пытался достать холст.Мой холст-код поиска выполнялся в моем конструкторе.Я переместил его в функцию ngOnit (), и он работал нормально.