相关疑难解决方法(0)

我试图以角度的方式实现chart.js，编写了一个简单的代码以在html上显示图表，但是页面上没有输出，也没有错误。我不明白问题出在哪里，为什么显示图表失败。 slackblitz URL供参考

我在组件中尝试的代码：

this.chart1 = new Chart('canvas', {
      type: 'doughnut',
      data: {
        labels: ['solid', 'liquid', 'unknown'],
        datasets: [
          {
            label: 'test',
            data: [
              100, 200, 300
            ],
            backgroundColor: ['#0074D9', '#2ECC40', '#FF4136']
          }
        ]
      },
      options: {
        title: {
          display: false,
          text: 'Color test'
        },
        legend: {
          position: 'left',
          display: true,
          fullWidth: true,
          labels: {
            fontSize: 11
          }
        },
        scales: {
          xAxes: [{
            display: true
          }],
          yAxes: [{
            display: true
          }]
        }
      }
    });

请帮助我了解我失败的地方，谢谢