如何在Chart.js中为Angular项目获取canvas / ctx对象

Question

我试图在我的Angular应用程序中使用Chart.js来构建折线图，但无法正确检索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（）函数，并且工作正常。